最近被學校老師挖去寫課程用的網頁
滿腹委屈啊，都已經一堆事忙不完了
幸好有它，LayoutIt!

這個網站提供了簡單且快速搭建 Twitter Bootstrap框架
操作基本是使用拖動方式來完成
能夠讓您輕鬆地建出屬於您自己的網站雛形!!

主葉面下也提供了三種基本常見的版型當作範本

在點進去編輯模式後，主畫面左側是工具區，目前有 4 類
作法是先透過第 1 類工具決定好網頁的版面，再加入第 2, 3, 4 類的功能或控制項。
也就是說，第 2, 3, 4 類的控制項不能直接置於網頁上，只能加入從第 1 類工具產生的 Column 中。

1. GRID SYSTEM 版面
   這地方有提供等比例切割Grid可以選擇
   全篇幅是12 以此類推
   還分為 6
   .6 8.4 4.4.4 2.6.4 四種Grid
   
   拉好Grid之後就可以在裡面放進你需要物件
   
2. BASE CSS
   主要是一些基本的文字框架 如Title、Address等等
3. COMPONENTS
   這地方可以拉表單 表格

如果覺得對 HTML5 語法不熟悉
也可以到
Bootstrap Form Builder 這個網址，在拉完表單後點擊 [Rendered] 檢視 HTML 語法
建議先把文字都先Key好，可以省略掉修改語法內文的煩惱

12. JAVASCRIPT
    這地方可以幫你產生一些簡單的JavaScript效果
    例如底下這常見的橫向篇幅的圖片切換器
    
    或是平時討厭看到的警告條文
    

這邊我只用我這次有用到的效果作為講解!!
如果覺得看起來太單調
Bootswatch 可以到這個網址找尋你喜歡的 Theme