本篇文章给大家带来《bootstrap布局教程》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap 提供了优雅的HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎，一直是 GitHub 上的热门开源项目。

Bootstrap 包的内容很多，今天我们就先来看看Bootstrap的布局。Bootstrap是基于12栅格系统，定义了12列的网格布局，适应多种分辨率的设

备。例如，在超小屏幕（<768px）上，12列将堆叠在一起，而在较大的设备上，列将在保持整体布局完整性的同时水平扩展。石家庄人才网小编

提醒大家，使用Bootstrap的网格系统，需要使用到row和col-○-

○类。row类用于定义一个行，而col-○-○类用于定义一个列。其中，○代表屏幕尺寸，可以是xs、sm、md、lg或xl，分别代表超小屏幕、小屏幕、中等屏幕、大屏幕和超大屏幕。○代表列数，可以是1到12之间的任意整数，表示该列占据的列数。

当然，这只是Bootstrap布局教程的入门知识，Bootstrap还提供了很多其他的布局组件，例如container、jumbotron、navbar等等。想要了解更多关于Bootstrap布局的知识，可以参考Bootstrap官方文档。

石家庄人才网小编对《bootstrap布局教程》内容分享到这里，如果有相关疑问请在本站留言。