將要隱藏的內(nèi)容放在一個(gè)div中,除了collapse navbar-collapse 還要為div添加一個(gè)特殊的類(lèi)名,假設(shè)為 " example "
則button屬性data-target的值就是 " .example "
button設(shè)置一個(gè)按鈕,按下按鈕時(shí),顯示隱藏div中的內(nèi)容,在定義button時(shí)一定需要設(shè)置下列屬性:class="navbar-toggle" type="button" data-toggle="collapse" data-target=".隱藏div的類(lèi)名"
button與導(dǎo)航條的標(biāo)題(a標(biāo)簽)放在同一個(gè)div標(biāo)簽中,這個(gè)div與放置隱藏內(nèi)容的標(biāo)簽為兄弟元素
則button屬性data-target的值就是 " .example "
button設(shè)置一個(gè)按鈕,按下按鈕時(shí),顯示隱藏div中的內(nèi)容,在定義button時(shí)一定需要設(shè)置下列屬性:class="navbar-toggle" type="button" data-toggle="collapse" data-target=".隱藏div的類(lèi)名"
button與導(dǎo)航條的標(biāo)題(a標(biāo)簽)放在同一個(gè)div標(biāo)簽中,這個(gè)div與放置隱藏內(nèi)容的標(biāo)簽為兄弟元素
2018-01-21
恭喜你,通過(guò)了本次課程 返回課程
謝謝大漠老師 2018-01-19 14:37
謝謝大漠老師 2018-01-19 14:37
@黑白亓
這節(jié)的知識(shí)怎么在chrome上沒(méi)效果? 是不是應(yīng)該在<link rel="stylesheet" href="http:(此處加個(gè)http:)。。。。。。。。。。。css/bootstrap.min.css">
這節(jié)的知識(shí)怎么在chrome上沒(méi)效果? 是不是應(yīng)該在<link rel="stylesheet" href="http:(此處加個(gè)http:)。。。。。。。。。。。css/bootstrap.min.css">
2018-01-18
換成這個(gè)可以點(diǎn)擊顯示
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
2018-01-18
總算看完了 謝謝老師的總結(jié) 雖然看的不是很深入 但心里有了一個(gè)大概
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
2018-01-17
剛剛看了一下評(píng)論,好多人說(shuō)邊學(xué)邊忘,好煩躁,其實(shí)我也一樣,很多人可能就疑問(wèn)了既然這樣我們還學(xué)干嘛?我想說(shuō)每天吃飯都會(huì)消化,是不是就不用吃飯啦? 當(dāng)然不是,所以有付出一定會(huì)有回報(bào)的,大家一起加油!
2018-01-16
為什么層疊進(jìn)度條超過(guò)100%的就看不見(jiàn),而不是自動(dòng)排列在下面一行
2018-01-16
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
2018-01-16