Bootstrap 是一个用于设计响应式网页和网络应用的前端框架。具有移动优先的特点。Bootstrap 具有预定义的 CSS 样式和类,还有一些 JavaScript 功能。Bootstrap 使用响应式的12列栅格布局并提供了一些设计模板:

  • 按钮
  • 图片
  • 表格
  • 表单
  • 导航

3.1.1 使用 Fluid 容器实现响应式设计

Bootstrap 会根据你的屏幕大小来调节 HTML 元素的大小————因此称为 响应式设计( Responsive Design )。

通过响应式设计,我们将无需额外设计一个手机版的网页,因为它在任何尺寸的屏幕上看起来都还不错。

无论开发什么应用,你都可以通过将以下代码添加到你的 HTML 顶部来引入 Bootstrap 。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>