<div?class="navbar?navbar-default"?role="navigation">
?? <div?class="navbar-header">
?? ????<a?href="##"?class="navbar-brand">慕課網(wǎng)</a>
?? </div>
????<ul?class="nav?navbar-nav"?>
???????<li?class="active"><a?href="##">網(wǎng)站首頁(yè)</a></li>
???????<li?class="dropdown">
??????????<a?href="##"?data-toggle="dropdown"?class="dropdown-toggle">系列教程<span?class="caret"></span></a>
??????????<ul?class="dropdown-menu">
???????? <li><a?href="##">CSS3</a></li>
???????? <li><a?href="##">JavaScript</a></li>
???????? <li?class="disabled"><a?href="##">PHP</a></li>
??????????</ul>
??????</li>
??????<li><a?href="##">名師介紹</a></li>
??????<li><a?href="##">成功案例</a></li>
??????<li><a?href="##">關(guān)于我們</a></li>
?</ul>
?????<form?action="##"?class="navbar-form?navbar-left"?rol="search">
??? ????<div?class="form-group">
??? ???<input?type="text"?class="form-control"?placeholder="請(qǐng)輸入關(guān)鍵詞"?/>
??? ????</div>
????????<button?type="submit"?class="btn?btn-default">搜索</button>
?????</form>
</div>
</div>當(dāng)屏幕寬度一點(diǎn)點(diǎn)變小時(shí)，form表單會(huì)往下掉，我試過(guò)把nav-hearder、ul和form放入row屬性的div中，并給他們?cè)O(shè)置col-md-x屬性，但是還是會(huì)掉，這是什么原因，是@media屬性的bug嗎？?
bootstrap導(dǎo)航條加入form搜索表單，屏幕寬度變小時(shí)會(huì)換行
黑冰客
2016-11-30 20:34:05
