twitter Bootstrap導航欄鏈接頁面調整時移動

我的Bootstrap導航條鏈接（包括搜索）隨時隨地調整頁面大小，小於大約600px。這會是什麼原因？只有標誌不會移動。導航欄很好，不會調整大小，所以當頁面調整大小時，鏈接消失了，我感到很驚訝。我不希望我的任何鏈接從他們的位置移動，而不管頁面大小調整。twitter Bootstrap導航欄鏈接頁面調整時移動

代碼是在這裏：HTML

http://jsfiddle.net/Crisp3333/2u0tgh5r/

<div class="menubar"> 
<nav role="navigation" class="navbar navbar-default"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand"><img src="yancii_logo.jpg" width="40px" height="50px"></a> 
    </div> 
    <!-- Collection of nav links, forms, and other content for toggling --> 
    <div id="navbarCollapse" class="collapse navbar-collapse"> 
    <form role="search" class="navbar-form navbar-left"> 
      <div class="form-group"> 
       <input type="text" placeholder="Search events, places, contacts......" class="form-control"> 
      </div> 
     </form> 
     <ul class="nav navbar-nav"> 

      <li><a href="#">CreateEvent</a></li> 
      <li><a href="#">MyEvents</a></li> 
      <li><a href="#">Contacts</a></li> 
      <li class="dropdown"> 
       <a data-toggle="dropdown" class="dropdown-toggle" href="#">Messages <b class="caret"></b></a> 
       <ul role="menu" class="dropdown-menu"> 
        <li><a href="#">Inbox</a></li> 
        <li><a href="#">Drafts</a></li> 
        <li><a href="#">Sent Items</a></li> 
        <li class="divider"></li> 
        <li><a href="#">Trash</a></li> 
       </ul> 
      </li> 
     </ul> 

     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#">Account</a></li> 
     </ul> 
    </div> 
</nav>

來源

2015-01-17 Crisp

提供了一個演示代碼來理解問題。你可以使用[JSFIDDLE]（http://jsfiddle.net/） – tejashsoni111

我提供了代碼，我從來沒有用過jsfiddle作爲編輯器，只是用它作爲參考，請耐心等待。 – Crisp

Bootstraps導航欄在小於768px的屏幕上摺疊，請參閱http://getbootstrap.com/components/#navbar我認爲這可能是您的問題 – ckuijjer

問題是這樣的一段代碼：/* min-width: 1400px; */ 你可以在你的class -> .navbar

它基本上導致發現你的下拉菜單不顯示。而菜單按鈕不會按照您的需要調整大小。

希望這可以幫助你！乾杯

來源

2015-01-17 18:09:24

這是正確的，問題是由最小寬度 – Devin

twitter Bootstrap導航欄鏈接頁面調整時移動

回答

相關問題