bootstrap的使用

最新推荐文章于 2018-08-20 11:35:09 发布

跬步科技

最新推荐文章于 2018-08-20 11:35:09 发布

阅读量809

点赞数

文章标签： bootstrap

转载于：ling811

1、经过指点和查资料终于知道了bootstrap是如何使用的，在官网上下载你自己需要的用的版本。

2、我们常见的用法就是把解压好的文件夹放到你的项目中用<link src=“”>引用你需要的文件

3、注意有的浏览器不知道怎么回事，不支持bootstrap里的css文件。

4、例：

bootstrap中的span4和span8的例子：

[html]view plaincopy 
   
 <head>  
   
   <link rel="stylesheet" href="./public/bootstrap/css/bootstrap-responsive.min.css">  
   
 </head>  
 <body>  
   <div class="container">  
     <div class="row-fluid">  
       <section class="span8">content</section>  
       <section class="span4">content</section>  
     </div>  
   </div>  
 </body>  
   
   
 <div class="row">    
   <div class="span4">123</div>    
   <div class="span8">111</div>    
 </div>   
 </head>  

简单的嵌套例子：

[html]view plaincopy 
   
 <div style="background:#00F" class="container">  
     <div style="background:#FC0" class="container-fluid">  
         <div class="row-fluid">  
             222  
             <div style="background:#FF0" class="span4">  
             span4  
                 <div style="background:#9FF" class="container-fluid">  
                 111  
                     <div style="background:#0F0" class="row-fluid">  
                         222  
                         <div style="background:#00F" class="span1">  
                             span1  
                         </div>  
                         <div style="background:#CCC" class="span7">  
                         span7  
                             <div style="background:#96F" class="container-fluid">  
                                 111  
                             </div>  
                         </div>  
                     </div>  
                 </div>  
             </div>  
             <div style="background:#0F0" class="span5">span5</div>  
         </div>  
     </div>  
   </div>  

跬步科技

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap的使用

转载于：ling8111、经过指点和查资料终于知道了bootstrap是如何使用的，在官网上下载你自己需要的用的版本。2、我们常见的用法就是把解压好的文件夹放到你的项目中用引用你需要的文件3、注意有的浏览器不知道怎么回事，不支持bootstrap里的css文件。4、例： bootstrap中的span4和span8的例子：
复制链接

扫一扫