1、引入bootstrap.min.css

选用于生产环境下载后，引入css。

<link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.min.css">

2、使用bootstrap类布局

BootStrap3默认将网页分成12等份，页面宽度缩小时自动折行。

如以下代码，使用了bootstrap的class类container和col-*。

col-lg-3这里意思是大屏时每个div占用3份，4个div刚好把12份占满，中屏时使用col-md-6，每个div占用6份，前两个div把12份占满了，后两个div另起一行占满。

<div class="container">
  <div class="col-lg-3 col-md-6">1</div>
  <div class="col-lg-3 col-md-6">2</div>
  <div class="col-lg-3 col-md-6">3</div>
  <div class="col-lg-3 col-md-6">4</div>
</div>

小屏：

 中屏：

大屏：