bootstrap的栅格系统

栅格系统

系统把屏幕横向分为12列,按照屏幕的宽度设置不同的类名

<768px xs屏 手机端

768-992px sm屏 平板端

992-1200px md屏 中等pc

>1200px lg屏 大pc

外面的大盒子可以叫两个类名:

.container 不到满屏 左右各有15px内间距

.container-fluid 满屏 左右各有15px的内间距

.row 和continer、.container-fluid的宽度一样的有左右各有15px -margin

col-xs-份数 在手机端占的份数

…..

列偏移

.col-xs-offset-3 代表在移动端偏移了3份

.col-sm-offset-5 代表在平板偏移了5份

.col-md-offset-3 代表在中等pc偏移了3份

.col-lg-offset-6 代表在大pc端偏移了6份

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...