BootStrap

最新推荐文章于 2024-10-18 17:51:23 发布

dengba6306

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量117

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lbzbky/articles/11079062.html

版权

bootstrap就是模板，集成css、js的一个文件夹。

1、css

　　最主要是响应式（@media），bootstrap中使用响应式的主要是container和栅格

　　不使用和使用bootstrap的响应式示例：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">
 7     <style>
 8         .pg-header{
 9             height: 50px;
10             background-color: black;
11         }
12         @media (max-width: 700px) {
13             .extra{
14                 background-color: #419641;
15             }
16         }
17     </style>
18 </head>
19 <body>
20     <div class="pg-header extra"></div>
21     <div class="container">aaaaaaaaa</div>
22 </body>
23 </html>