課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
代碼和這里的一樣但是出現的是列表不是下拉菜單
2016-05-10
源自:玩轉Bootstrap(基礎) 5-2
正在回答
最好不要使用IE,換個瀏覽器,應該是兼容性問題。
Bootstrap框架中的下拉菜單組件時,其結構運用的正確與否非常的重要,如果結構和類名未使用正確,直接影響組件是否能正常運用。我們來簡單的看看:
1、使用一個名為“dropdown”的容器包裹了整個下拉菜單元素,示例中為:
<div class="dropdown"></div>
2、使用了一個<button>按鈕做為父菜單,并且定義類名“dropdown-toggle”和自定義“data-toggle”屬性,且值必須和最外容器類名一致,此示例為:
data-toggle="dropdown"
3、下拉菜單項使用一個ul列表,并且定義一個類名為“dropdown-menu”,此示例為:
<ul class="dropdown-menu">
示例:
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><span class="caret"></span></button>
<li></li>
</ul>
</div>
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
5 回答為什么把代碼復制到自己電腦上顯示不出效果
2 回答我在自己的電腦游覽器顯示不出下拉菜單的效果
2 回答bootstrap相關用到的文件路徑應該沒問題,代碼就算是復制粘貼課程上的,在自己電腦上實現的樣式就是不一樣
1 回答bootstrap 實現內外邊要自己寫嗎?
1 回答自己在本地運行為什么沒有效果???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-10
最好不要使用IE,換個瀏覽器,應該是兼容性問題。
Bootstrap框架中的下拉菜單組件時,其結構運用的正確與否非常的重要,如果結構和類名未使用正確,直接影響組件是否能正常運用。我們來簡單的看看:
1、使用一個名為“dropdown”的容器包裹了整個下拉菜單元素,示例中為:
<div class="dropdown"></div>
2、使用了一個<button>按鈕做為父菜單,并且定義類名“dropdown-toggle”和自定義“data-toggle”屬性,且值必須和最外容器類名一致,此示例為:
data-toggle="dropdown"
3、下拉菜單項使用一個ul列表,并且定義一個類名為“dropdown-menu”,此示例為:
<ul class="dropdown-menu">
示例:
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li></li>
<li></li>
<li></li>
</ul>
</div>