/* Bootstrap 样式 */
.container {
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
/* Foundation 样式 */
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
/* Semantic UI 样式 */
.ui.grid {
display: flex;
flex-wrap: wrap;
margin: 0 -0.5em;
}
Bootstrap 是最受欢迎的 CSS 程序框架之一,它提供了许多用于创建响应式网站的样式和组件。Bootstrap 的基本布局是使用容器(container)和行(row)实现的,容器用于定宽网站,行用于划分页面内容的布局。
Foundation 是另一个流行的 CSS 程序框架,它提供了与 Bootstrap 有些不同的布局模式,比如使用网格系统来实现弹性布局。Foundation 也包括了许多响应式组件,如导航栏、面包屑、表单等。
Semantic UI 也是一款非常好用的 CSS 程序框架,它的特点是语义化样式,让开发者更容易阅读和理解代码。Semantic UI 的网格系统采用了类似于 Bootstrap 和 Foundation 的方式,但是提供了更多的嵌套层级,以便更灵活的布局。
总之,选择一个适合自己的 CSS 程序框架,可以帮助开发者快速构建出好看、适配各种设备的网站和应用程序。但是框架不是万能的,有时候需要根据具体需求进行定制化开发。