我的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>
提供了一个演示代码来理解问题。你可以使用[JSFIDDLE](http://jsfiddle.net/) – tejashsoni111
我提供了代码,我从来没有用过jsfiddle作为编辑器,只是用它作为参考,请耐心等待。 – Crisp
Bootstraps导航栏在小于768px的屏幕上折叠,请参阅http://getbootstrap.com/components/#navbar我认为这可能是您的问题 – ckuijjer