1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
6 <title>Document</title>
7 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
8 <script type="text/javascript" src="./js/bootstrap.min.js"></script>
9 <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
10 <style type="text/css">
11 .container-fluid{
12 height: 50px;
13 border: 1px solid #000;
14 background-color: gold;
15 }
16 .container{
17 height: 50px;
18 border: 1px solid #000;
19 background-color: gold;
20 }
21 </style>
22 </head>
23 <body>
24 <div class="container-fluid">流体容器</div>
25 <br>
26 <br>
27 <br>
28 <div class="container">响应式容器</div>
29 </body>
30 </html>