大家在看这一节的index.html源码时,会发现代码乱在一起,乱糟糟的,不容易解读。因此在阅读前先点击重置代码按钮,此时源码会重新布局,方便阅读和理解。看完一团源码后我才发现...借肩膀一用...
2016-08-01
这节课才是关键
ul正常布局, 外面套了一层div,添加类名:collapse,navbar-collapse,navbar-response-collapse
button按钮添加类:navbar-toggle,属性:data-toggle="collapse",data-target=".navbar-response-collapse"
这有点儿和dropdown类似, 但是还是有区别的:
1.button按钮和ul不在同一个父级div下;
2.button按钮多了一个属性data-target;
3.ul外面套了一个div
ul正常布局, 外面套了一层div,添加类名:collapse,navbar-collapse,navbar-response-collapse
button按钮添加类:navbar-toggle,属性:data-toggle="collapse",data-target=".navbar-response-collapse"
这有点儿和dropdown类似, 但是还是有区别的:
1.button按钮和ul不在同一个父级div下;
2.button按钮多了一个属性data-target;
3.ul外面套了一个div
2016-08-01