bootstrap的使用

轉載於:ling811

1、經過指點和查資料終於知道了bootstrap是如何使用的,在官網上下載你自己需要的用的版本。

2、我們常見的用法就是把解壓好的文件夾放到你的項目中用<link src=“”>引用你需要的文件

3、注意有的瀏覽器不知道怎麼回事,不支持bootstrap裏的css文件。

4、例:

       bootstrap中的span4和span8的例子:

[html] view plaincopy
  1. <head>  
  2.   
  3.   <link rel="stylesheet" href="./public/bootstrap/css/bootstrap-responsive.min.css">  
  4.   
  5. </head>  
  6. <body>  
  7.   <div class="container">  
  8.     <div class="row-fluid">  
  9.       <section class="span8">content</section>  
  10.       <section class="span4">content</section>  
  11.     </div>  
  12.   </div>  
  13. </body>  
  14.   
  15.   
  16. <div class="row">    
  17.   <div class="span4">123</div>    
  18.   <div class="span8">111</div>    
  19. </div>   
  20. </head>  

   簡單的嵌套例子:

[html] view plaincopy
  1. <div style="background:#00F" class="container">  
  2.     <div style="background:#FC0" class="container-fluid">  
  3.         <div class="row-fluid">  
  4.             222  
  5.             <div style="background:#FF0" class="span4">  
  6.             span4  
  7.                 <div style="background:#9FF" class="container-fluid">  
  8.                 111  
  9.                     <div style="background:#0F0" class="row-fluid">  
  10.                         222  
  11.                         <div style="background:#00F" class="span1">  
  12.                             span1  
  13.                         </div>  
  14.                         <div style="background:#CCC" class="span7">  
  15.                         span7  
  16.                             <div style="background:#96F" class="container-fluid">  
  17.                                 111  
  18.                             </div>  
  19.                         </div>  
  20.                     </div>  
  21.                 </div>  
  22.             </div>  
  23.             <div style="background:#0F0" class="span5">span5</div>  
  24.         </div>  
  25.     </div>  
  26.   </div>  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章