引入了相关的BootStrap的CSS及JS后，我们开始使用BootStrap中的相关类名即可。使用BootStrap需要按照BootStrap的规范操作。本章将讲解BootStrap的基本使用方法，内容主要包括：

  • BootStrap容器

2.1 BootStrap容器

在BootStrap中提供了两种容器供我们使用，一种在网页中占全屏宽度，一种可以根据不同的屏幕分辨率中实现在不同的版心宽度，以达到安全宽度的目的。这两种容器分别为：

  • container-fluid类用于 100% 宽度，占据全部视口（viewport）的容器
  • container类用于固定宽度并支持响应式布局的容器

在使用时，我们可以使用不同的类名来达到不同的目的

  1. <div class="container-fluid"></div>
<div class="container"></div>