bootstrap方法主要思路
bootstrap方法主要思路?
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕 或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。栅格系统用于通 过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以 放入这些创建好的布局中。
网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分 12 份(也有 平分成 24 份或 32 份,但 12 份是最常见的),再调整内外边距,最后结合媒体 查询,就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是 将容器平分成 12 份。
数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对 齐方式和内距(padding)。在行(.row)中可以添加列(.column), 只有列(column)才可以作为行容 器(.row)的直接子元素,但列数之和不能超过平分的总列数,比如 12。如果大于 12,则自动换到下一行。