bootstrap栅格布局

<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />

<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.cn/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.cn/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<style>
  [class^="col"] {
    border: 1px solid #aaa;
  }
  .container .row:nth-child(1) {
    background-color: antiquewhite;
  }
</style>

a

b

3

4