學習Bootstrap知識記錄點-----按鈕操做

Bootstrap 按鈕

本章將經過實例講解如何使用 Bootstrap 按鈕。任何帶有 class .btn 的元素都會繼承圓角灰色按鈕的默認外觀。可是 Bootstrap 提供了一些選項來定義按鈕的樣式，具體以下表所示：

如下樣式可用於<a>, <button>, 或 <input> 元素上：

類	描述	實例
.btn	爲按鈕添加基本樣式	嘗試一下
.btn-default	默認/標準按鈕	嘗試一下
.btn-primary	原始按鈕樣式（未被操做）	嘗試一下
.btn-success	表示成功的動做	嘗試一下
.btn-info	該樣式可用於要彈出信息的按鈕	嘗試一下
.btn-warning	表示須要謹慎操做的按鈕	嘗試一下
.btn-danger	表示一個危險動做的按鈕操做	嘗試一下
.btn-link	讓按鈕看起來像個連接 (仍然保留按鈕行爲)	嘗試一下
.btn-lg	製做一個大按鈕	嘗試一下
.btn-sm	製做一個小按鈕	嘗試一下
.btn-xs	製做一個超小按鈕	嘗試一下
.btn-block	塊級按鈕(拉伸至父元素100%的寬度)	嘗試一下
.active	按鈕被點擊	嘗試一下
.disabled	禁用按鈕	嘗試一下