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>