• Bootstrap 佈局元件
• Bootstrap 外掛

針對以上不做介紹，這些是可以拿來就用的東西 後期可以根據需要繫結資料和處理

Bootstrap CSS編碼規範

語法

• 用兩個空格來代替製表符（tab） -- 這是唯一能保證在所有環境下獲得一致展現的方法。
• 為選擇器分組時，將單獨的選擇器單獨放在一行。
• 為了程式碼的易讀性，在每個宣告塊的左花括號前新增一個空格。
• 宣告塊的右花括號應當單獨成行。
• 每條宣告語句的 : 後應該插入一個空格。
• 為了獲得更準確的錯誤報告，每條宣告都應該獨佔一行。
• 所有宣告語句都應當以分號結尾。最後一條宣告語句後面的分號是可選的，但是，如果省略這個分號，你的程式碼可能更易出錯。
• 對於以逗號分隔的屬性值，每個逗號後面都應該插入一個空格（例如，box-shadow）。
• 不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的內部的逗號後面插入空格。這樣利於從多個屬性值（既加逗號也加空格）中區分多個顏色值（只加逗號，不加空格）。
• 對於屬性值或顏色引數，省略小於 1 的小數前面的 0 （例如，.5 代替 0.5；-.5px 代替 -0.5px）。
• 十六進位制值應該全部小寫，例如，#fff。在掃描文件時，小寫字元易於分辨，因為他們的形式更易於區分。
• 儘量使用簡寫形式的十六進位制值，例如，用 #fff 代替 #ffffff。
• 為選擇器中的屬性新增雙引號，例如，input[type="text"]
  。只有在某些情況下是可選的，但是，為了程式碼的一致性，建議都加上雙引號。
• 避免為 0 值指定單位，例如，用 margin: 0; 代替 margin: 0px;。

 視覺化佈局

http://www.runoob.com/try/bootstrap/layoutit/

Bootstrap END