现在给container一个固定宽度,白色背景的导航条宽度可以铺满浏览器，但是，随着屏幕变小，导航条白色背景就不能铺满浏览器变小后的宽度！还有就是我的轮播图也是要求铺满浏览器宽度，现在也变得居中显示了，心里想，早知道就不用bootstrap了，难道我现在还有重写页面？上网查了一下，没有找到解决方法，后来，灵机一动，我可以给body一个宽度啊，或者给导航条和轮播图分别也设置相同的宽度，这个时候的问题，就是，设置多少宽度合适啊？发现，不能这样做！
最后，用火狐调试代码的时候，无意之间发现了这个好东西，@media ，但是，我自己设置了，在浏览器上没反应，无语了，最后，花费了一点时间发现这个样式没写对。
所以，解决导航条和轮播图响应式问题的，第四点就是：
1 2 3 4 5 |
|
他的意思就是，当屏幕小于1400px的时候，把body宽度设置为1400px.不知道的读者可以上网学习一下，这可是一个好东西！
最后，说一下，top指的是position绝对定位时的top。关于对span设置宽度和高度是没有作用的，他不是块级元素，div是块级元素，span是行内元素。如果想用span实现下图中的按钮，只需要根据需要设置padding即可。(padding:20px 20px等)
由于不是前端人员，所以对这些样式不是很熟，不喜勿喷。
以上就是bootstrap 如何取消自适应的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《bootstrap》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
