当前位置:首页>开发>正文

bootstrap方法主要思路

2023-04-25 22:15:30 互联网 未知 开发

bootstrap方法主要思路?

bootstrap方法主要思路

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕 或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。栅格系统用于通 过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以 放入这些创建好的布局中。

  网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分 12 份(也有 平分成 24 份或 32 份,但 12 份是最常见的),再调整内外边距,最后结合媒体 查询,就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是 将容器平分成 12 份。

  数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对 齐方式和内距(padding)。在行(.row)中可以添加列(.column), 只有列(column)才可以作为行容 器(.row)的直接子元素,但列数之和不能超过平分的总列数,比如 12。如果大于 12,则自动换到下一行。