課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
原代碼實現,瀏覽器顯示問題如下:
請問是需要自己添加什么css代碼嗎?
2018-12-07
源自:玩轉Bootstrap(基礎) 5-5
正在回答
抱歉,前面回答不對。需要添加 float:left;
```html
<div class="dropdown">
? ? <button class="btn btn-default" data-toggle="dropdown">
? ? ? ? 下拉菜單
? ? ? ? <span class="caret"></span>
? ? </button>
? ? <ul class="dropdown-menu dropdown-menu-right">
? ? ? ? <li><a href="#">下拉菜單項</a></li>
? ? ? ? <li class="divider"></li>
? ? </ul>
</div>
```
<div?class="dropdown">????<button?class="btn?btn-default"?data-toggle="dropdown">????????下拉菜單????????<span?class="caret"></span>????</button>????<ul?class="dropdown-menu?dropdown-menu-right">????????<li><a?href="#">下拉菜單項</a></li>????????<li><a?href="#">下拉菜單項</a></li>????????<li><a?href="#">下拉菜單項</a></li>????????<li?class="divider"></li>????????<li><a?href="#">下拉菜單項</a></li>????</ul></div>
不需要自己添加樣式~
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
2 回答窄屏下無法對齊
2 回答左右對齊太扯了
1 回答我的右對齊怎么這樣?
2 回答Bootstrap的下拉菜單左對齊可以,為什么右對齊是相對頁面右對齊而不是相對按鈕呢?
3 回答左右對齊的效果好奇怪
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-12-10
抱歉,前面回答不對。需要添加 float:left;
2018-12-10
```html
<div class="dropdown">
? ? <button class="btn btn-default" data-toggle="dropdown">
? ? ? ? 下拉菜單
? ? ? ? <span class="caret"></span>
? ? </button>
? ? <ul class="dropdown-menu dropdown-menu-right">
? ? ? ? <li><a href="#">下拉菜單項</a></li>
? ? ? ? <li><a href="#">下拉菜單項</a></li>
? ? ? ? <li><a href="#">下拉菜單項</a></li>
? ? ? ? <li class="divider"></li>
? ? ? ? <li><a href="#">下拉菜單項</a></li>
? ? </ul>
</div>
```
2018-12-10
2018-12-10
不需要自己添加樣式~