bootstrap的學習心得

首先是進入官方網站http://推ter.github.io/bootstrap/。也有中文的網站，由于個人英文不好，所以就是登錄的中文網站http://www.bootcss.com/。

首先我是把點擊了入門指南，大概介紹了bootstrap主要包含的那些內容，我們可以用的。

第一肯定是下載

然后就是目錄介紹，因為bootstrap是個輕量級的框架，目錄不是很多，所以很容易理解，主要有用的就是三個文件，bootstrap.js,bootstrap.css,bootstrap-responsive.css(是響應是布局才需要引入的css)。很簡單，要用所有的功能，就全部引入自己的html頁面里面。然后還可以看一看它官方給出的一些模版，當然模版我們參考就是了，copy是沒有意義的。

第二步是研究了scaffolding

這個是bootstrap的布局相關的，bootstrap的布局很簡單，只要在你的div里面加上class屬性，然后再把bootstrap.css里的class加上去就能夠實現布局了，很簡單，介紹兩種很流行的布局，流體布局和響應事布局，都是基于bootstrap的柵格系統

貼上一段代碼

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Body content-->
    </div>
  </div>
</div>

響應事布局需要引入下面兩端代碼
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

是不是很簡單。

基本的css樣式

包括了

• 排版
• 代碼
• 表格
• 表單
• 按鈕
• 圖片
• 圖標

接下來是一些基本的組件

列表目錄也就不用詳細寫了，因為和基本的樣式是樣的，最主要的是這個bootstrap是很漂亮的

然后就是javascript插件

這個插件用起來還是很簡單，只需要在一些如tab，nav，彈框啊，下拉框啊，這些帶有事件的組建的實現動態效果，簡單的說，也很簡單，只要拿到class就能拿到節點，然后用bootstrap封裝好的方法調用一個方法就能夠輕松的實現了。

下載bootstrap是簡單的，也可以按你需要的模塊進行下載，

后面是lesscss

這個我也沒具體的看，有點高端，但是很強大...加油吧，今天收獲很多，還研究完了javascript密碼花園里的js常見的錯誤，和容易忽略的問題。學到很多經驗，總的來說今天是有收獲的，雖然今天地震了，心情很沉重，逝者安息！