第四十二节 jQuery之bootstrap容器 

 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>

 

posted @ 2020-03-16 20:44  kog_maw  阅读(74)  评论(0)    收藏  举报