課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap（基礎(chǔ)）
什么啊！ ?根本不能實(shí)現(xiàn)下拉菜單的功能啊 屏幕縮小之后點(diǎn)那個(gè)按鈕不好用啊
2016-04-13
源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 6-7
正在回答
js文件你應(yīng)該沒有引入
我運(yùn)行的時(shí)候是可以的，你是不是什么東西沒引用進(jìn)來啊
<div class="navbar navbar-default" role="navigation">
? <div class="navbar-header">
? ? ? <!-- .navbar-toggle樣式用于toggle收縮的內(nèi)容，即nav-collapse collapse樣式所在元素 -->
? ? ? ?<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>
? ? ? ?</button>
? ? ? ?<!-- 確保無論是寬屏還是窄屏，navbar-brand都顯示 -->
? ? ? ?<a href="##" class="navbar-brand">慕課網(wǎng)</a>
? </div>
? <!-- 屏幕寬度小于768px時(shí)，div.navbar-responsive-collapse容器里的內(nèi)容都會(huì)隱藏，顯示icon-bar圖標(biāo)，當(dāng)點(diǎn)擊icon-bar圖標(biāo)時(shí)，再展開。屏幕大于768px時(shí)，默認(rèn)顯示。 -->
? <div class="collapse navbar-collapse navbar-responsive-collapse">
? ? <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><a href="##">成功案例</a></li>
? ? ? <li><a href="##">關(guān)于我們</a></li>
</ul>
</div>
舉報(bào)
告訴你使用Bootstrap，并且能夠獨(dú)立定制出適合自己的Bootstrap
1 回答響應(yīng)式導(dǎo)航條
1 回答bootstrap的響應(yīng)式導(dǎo)航條
1 回答響應(yīng)式導(dǎo)航條怎么做，想放在.net 里
1 回答導(dǎo)航條不具有響應(yīng)式，一直是垂直顯示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
<bdo id="3f503"><strong id="3f503"></strong></bdo>
2016-06-06
js文件你應(yīng)該沒有引入
2016-05-17
我運(yùn)行的時(shí)候是可以的，你是不是什么東西沒引用進(jìn)來啊
2016-04-13
<div class="navbar navbar-default" role="navigation">
? <div class="navbar-header">
? ? ? <!-- .navbar-toggle樣式用于toggle收縮的內(nèi)容，即nav-collapse collapse樣式所在元素 -->
? ? ? ?<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時(shí)，div.navbar-responsive-collapse容器里的內(nèi)容都會(huì)隱藏，顯示icon-bar圖標(biāo)，當(dāng)點(diǎn)擊icon-bar圖標(biāo)時(shí)，再展開。屏幕大于768px時(shí)，默認(rèn)顯示。 -->
? <div class="collapse navbar-collapse navbar-responsive-collapse">
? ? <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><a href="##">成功案例</a></li>
? ? ? <li><a href="##">關(guān)于我們</a></li>
</ul>
? </div>
</div>