我贴一段伪代码：
1 2 3 4 5 |
|
这段的意思是当浏览器的宽度在768――992之间时，采取4：4:4的模式呈现，当浏览器宽度大于992时，就按1：1:10的模式呈现。
当然你也可以四种都是用，细分的在仔细点，不管怎么样，Boostrap会根据浏览器的宽度自动分配列宽度，从而匹配你所想要的呈现模式。
至于它怎么做到的，你不用关心，你只需要考虑你在手机上的网页呈现样式，或者PC上的呈现样式的设计就行了，接下来，就交给Boostrap吧。
更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！
以上就是bootstrap怎么实现自适应的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
浅谈使用bootstrap-datepicker插件实现日期录入处理功能
更多相关阅读请进入《bootstrap》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
