表單換行怎么解決呀
屏幕還沒小于768,表單換行了,我給他們加?xùn)鸥裣到y(tǒng),還是會換行,老師能不能弄成不換行的代碼給我看看,問了好多人都沒告訴我,自學(xué)好難
<div class="navbar navbar-default" role="navigation">?
? <div class="row">
? <div class="navbar-header col-md-2">?
? <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">?
? <span class="sr-only">Toggle Navigation</span>?
? <span class="icon-bar"></span>?
? <span class="icon-bar"></span>?
? <span class="icon-bar"></span>?
? </button> <!-- 確保無論是寬屏還是窄屏,navbar-brand都顯示 -->?
? <a href="##" class="navbar-brand">慕課網(wǎng)</a>?
? </div> <!-- 屏幕寬度小于768px時,div.navbar-responsive-collapse容器里的內(nèi)容都會隱藏,顯示icon-bar圖標,當點擊icon-bar圖標時,再展開。屏幕大于768px時,默認顯示。 -->
? <div class="collapse navbar-collapse navbar-responsive-collapse col-md-6">?
? <ul class="nav navbar-nav">?
? <li class="active">
? <a href="##">網(wǎng)站首頁</a>
? </li>
? <li>
? <a href="##">系列教程</a>
? </li>?
? <li>
? <a href="##">名師介紹</a>
? </li>
<li class="divider"><a ></a></li>
<li class="divider"><a ></a></li>
<li class="divider"><a ></a></li>
<li><a href="##">成功案例</a></li>?
<li><a href="##">關(guān)于我們</a></li>?
? </ul>
? <form action="##" class="navbar-form navbar-right col-md-4" rol="search">
? ? ? ?<div class="form-group">
? ? ? <input type="text" class="form-control" placeholder="請輸入關(guān)鍵詞" />
? ? ? ?</div>
? ? ? ? <button type="submit" class="btn btn-default">搜索</button>
? ? ?</form>
? </div>?
?
? </div>
2017-03-31
親是不是沒引入bootstrap的CSS文件?我按照老師的寫法,并沒有換行呀。
注意:form表單需要寫在導(dǎo)航條的容器內(nèi),寫在容器外必定會換行。同時,筆記本的窗口太小,換個分辨率試試?
然后你的柵格系統(tǒng)中,你給表單設(shè)置了col-md-4,可是你卻把表單寫在了導(dǎo)航條的col-md-6的結(jié)束標簽之前,導(dǎo)致內(nèi)容超出(或者是沖突,我沒參試,但是看出你這里寫錯了)而換行,你把表單移出導(dǎo)航條試試?
2016-12-01
代碼能放出來嗎?