在用bootstrap实现一个响应式页面时,我在导航栏遇到了一个很简单的问题,记录一下,避免之后在犯相同的错误:css
我原本想实现的效果是:bootstrap
浏览器正常的时候:浏览器
浏览器缩小了之后:spa
点击右侧下拉以后:blog
结果却成了:响应式
找了好久,一直觉得是bootstrap-resposive.css这个文件没有引进去,最后才发现这个文件已经引入,并且下面的内容都显示正常,主要是bootstrap-resposive.css文件里控制这个下拉按钮的代码出了问题,他本来的代码是:.navbar.btn-navbar { display: block; },而个人这个button外面并无一个.navbar的标签,所以我加上了im
.navbar.btn-navbar { display: block; } .nav>.navbar-inner>.container>.btn{ display: block;margin-top: 7px; }这样就行了。