亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

表單換行怎么解決呀

屏幕還沒小于768,表單換行了,我給他們加柵格系統,還是會換行,老師能不能弄成不換行的代碼給我看看,問了好多人都沒告訴我,自學好難

<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">慕課網</a>?

? </div> <!-- 屏幕寬度小于768px時,div.navbar-responsive-collapse容器里的內容都會隱藏,顯示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="##">網站首頁</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="##">關于我們</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="請輸入關鍵詞" />

? ? ? ?</div>

? ? ? ? <button type="submit" class="btn btn-default">搜索</button>

? ? ?</form>

? </div>?

?

? </div>


正在回答

2 回答

親是不是沒引入bootstrap的CSS文件?我按照老師的寫法,并沒有換行呀。

注意:form表單需要寫在導航條的容器內,寫在容器外必定會換行。同時,筆記本的窗口太小,換個分辨率試試?

然后你的柵格系統中,你給表單設置了col-md-4,可是你卻把表單寫在了導航條的col-md-6的結束標簽之前,導致內容超出(或者是沖突,我沒參試,但是看出你這里寫錯了)而換行,你把表單移出導航條試試?

0 回復 有任何疑惑可以回復我~

代碼能放出來嗎?

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

表單換行怎么解決呀

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號