原理就是在不同屏幕下,通过媒体查询来改变这个容器布局的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化....框架
顾名思义就是一套框架,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库,组件和插件.使用者要按照框架规定的某种规范进行开发....,所以我们只考虑使用它的样式库.控制引入权在框架本身,使用者要按照框架所规定的规范进行开发.
bootstrap使用四部曲:
1.创建文件夹 2.创建html骨架结构 3.引入相关样式文件 4.书写内容...栅格选项参数
栅格系统用于通过一系列的行和列的组合来创建页面布局,你的内容就可以放入这些创建好的布局中....-4">右侧
看看效果如何:
当然一个盒子在中间居中也可以
列排序
通过使用.col-md-push-* 和 .col-md-pull-* 就可以很容易的改变列的顺序