Twitter Bootstrap 網頁美化工具

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

• 工具名稱：Twitter Bootstrap
• 官方網站：http://twitter.github.com/bootstrap/
• 工具授權：免費使用（CC By 3.0）
• 工具類型：Framework（框架）

     

Q：怎麼對select 或input 標籤做寬度(width)設定?

.input-small-mini 30px,
.input-mini .... 60px, 
.input-small  .... 90px,
.input-besmall.....110px(個人新增)
.input-medium  .... 150px,
.input-large  ....210px,
.input-xlarge  .... 270px,
.input-xxlarge  .... 530px,

Q:怎麼對button或input 加入顏色?

class加入btn ，這是基本的
加入顏色可以指定"btn btn-primary" 可以有藍色且立體的視覺感。

如果要加入其他顏色的，必需在bootstrap.css加入客製的CSS，可以利用下面網頁方便完成。
http://charliepark.org/bootstrap_buttons/

Q:BUTTON怎麼加入小圖案icon

參考：http://www.plugolabs.com/twitter-bootstrap-button-generator/
http://twitter.github.io/bootstrap/base-css.html#icons
語法： class="icon-white icon-heart"

Q:在瀏覽器IE 可以使用嗎?

  無法在 IE 7 8 9 (俗稱的舊版 IE)完整顯示。因為舊版IE末完整支援HTML5