1
A
回答
4
0
我相信這是響應CSS bootstrap-responsive.css
的結果它示出了在移動不同,由於該裝置寬度檢測。
1
見這個例子: http://twitter.github.com/bootstrap/examples/fluid.html
記得補充:
<script src="../assets/js/bootstrap-dropdown.js"></script>
而CSS:
<link href="../assets/css/bootstrap.css" rel="stylesheet">
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
這是代碼示例:
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<p class="navbar-text pull-right">
Logged in as <a href="#" class="navbar-link">Username</a>
</p>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
+0
該鏈接不再有效! – exhuma 2015-04-06 08:01:55
0
如果你想下載專門的響應導航欄組件,你可以這樣做,由布萊恩到Customize BootStrap,然後選擇導航欄,導航,選項卡和藥片,然後在響應部分您可以根據您的要求選擇響應式導航欄選項和其他媒體組件。 另外你會發現選擇jQuery插件部分,在那裏你將不得不下載以下插件,以使導航工作按照預期: - 附加,下拉,摺疊
0
我知道這是舊的,但我發現自己工作同樣的問題,並希望爲任何發現它的人提供一個準確的示例。它雖然基於Bootstrap 3。
<nav class="navbar container" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main_nav_container" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <!-- this are literally the "burger lines" and can be styled -->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Note the ID here is the data-target of the button!! Critically important-->
<div id="main_nav_container" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>your menu item here</li>
</ul>
</div>
</nav>
相關問題
- 1. React Bootstrap:獲取下拉菜單寬度
- 2. 獲取從下拉菜單
- 3. Bootstrap下拉菜單
- 4. 如何移動下拉菜單(CSS)?
- 5. Jquery移動下拉菜單
- 6. 移動下拉菜單項?
- 7. 如何做Bootstrap導航下拉菜單?
- 8. php動態下拉菜單獲取值
- 9. 獲取下拉菜單
- 10. Bootstrap CSS下拉菜單動畫
- 11. Bootstrap自動下拉菜單選項
- 12. 動態下拉菜單Angular和Bootstrap
- 13. Bootstrap下拉菜單項uncaughtable
- 14. bootstrap中的下拉菜單
- 15. bootstrap中的下拉菜單
- 16. CSS Bootstrap下拉菜單
- 17. Bootstrap邊欄下拉菜單
- 18. Twitter Bootstrap下拉菜單
- 19. Rails 4 Bootstrap - 下拉菜單
- 20. Bootstrap多個下拉菜單
- 21. Bootstrap 3.0.3:下拉菜單項不可點擊移動
- 22. Bootstrap - 下拉式菜單消失得太快,無法移動
- 23. Bootstrap navbar下拉菜單不能在移動設備上工作
- 24. Bootstrap導航欄下拉菜單移動問題
- 25. Bootstrap移動導航欄下拉菜單是透明的
- 26. 移動下拉菜單滑動
- 27. Kendo UI下拉菜單移動滾動
- 28. aspx下拉菜單添加項目如何獲取下拉菜單實例
- 29. Selenium.WebDriver!如何使用C#獲取下拉菜單的子菜單?
- 30. Bootstrap 3 - 如何讓下拉菜單佔據菜單全寬?
它在主網站上的位置? – TIMEX 2013-03-10 09:35:30
我明白你的意思了 – Alexander 2013-03-10 09:36:50