本節課我們主要學習一下
bootstrap
**和按鈕功能，通過內建的
css定義，顯示各種豐富的效果。
一．**
bootstrap
提供了一些豐富的**樣式供開發者使用。
1.
基本格式
//實現基本的**樣式
注：我們可以通過
firebug
檢視相應的
css。
2.
條紋狀**//讓
裡的行產生一行隔一行加單色背景效果
注：**效果需要基於基本格式
.table
3.
帶邊框的**
//給**增加邊框
4.
懸停滑鼠//讓
下的**懸停滑鼠實現背景效果
5.
狀態類
//可以單獨設定每一行的背景樣式
注：一共五種不同的樣式可供選擇。 樣式
說明 active
滑鼠懸停在行或單元格上
success
標識成功或積極的動作
info
標識普通的提示資訊或動作
warning
標識警告或需要使用者注意
danger
表示危險或潛在的帶來負面影響的動作
6.
隱藏某一行
//隱藏行
7.
響應式**
//**父元素設定響應式，小於
768px
出現邊框
二．按鈕
bootstrap
提供了很多豐富按鈕供開發者使用。
1.可作為按鈕使用的標籤或元素
//轉化成普通按鈕
link
button
注意事項有三點：
(1).
針對元件的注意事項
雖然按鈕類可以應用到
和元素上，但是，導航和導航條元件只支援
元素。
(2).
鏈結被作為按鈕使用時的注意事項如果
元素被作為按鈕使用
--並用於在當前頁面觸發某些功能
--而不是用於
鏈結其他頁面或鏈結當前頁面中的其他部分，那麼，務必為其設定
role="button"
屬性。
(3).
跨瀏覽器展現
我們總結的最佳實踐是：強烈建議盡可能使用
元素來獲得在各個瀏覽器上獲得相匹配的繪製效果。
另外，我們還發現了
firefox <30
版本的瀏覽器上出現的乙個
bug，其表現是：阻止我們為基於
元素所建立的按鈕設定
line-height
屬性，這就導致在
firefox
瀏覽器上不能完全和其他按鈕保持一致的高度。
2.預定義樣式
//一般資訊
button
樣式說明
btn-default
預設樣式
btn-success
成功樣式
btn-info
一般資訊樣式
btn-warning
警告樣式
btn-danger
危險樣式
btn-primary
首選項樣式
btn-link
鏈結樣式
3.尺寸大小
//從大到小的尺寸
button
button
button
button
4.塊級按鈕
//塊級換行
button
button
5.啟用狀態
//啟用按鈕
button
6.禁用狀態
//禁用按鈕
button
bootstrap2 2相關文件
本節課我們主要學習一下 bootstrap 表單和功能，通過內建的 css定義，顯示各種豐富的效果。一 表單 bootstrap 提供了一些豐富的表單樣式供開發者使用。1.基本格式 實現基本的表單樣式 注 只有正確設定了輸入框的 type 型別，才能被賦予正確的樣式。支援的輸入框控制項包括 text...
劍指offer 面試題21 相關
題目 設計包含min函式的棧，pop push min 的時間複雜度均為o 1 自己所寫 如下 寫 棧 的 還是有些不熟練！include using namespace std const int max 100 class stack stack stack stack stack bool s...
6 8 相關工具
位元幣相關工具包括客戶端 錢包和礦機等。1.客戶端 位元幣客戶端用於和位元幣網路進行互動，同時可以參與網路的維護。完整客戶端 儲存所有的交易歷史記錄，功能完備 輕量級客戶端 不儲存交易副本，交易需要向別人查詢 位元幣客戶端可以從 基於位元幣客戶端，可以很容易地實現使用者錢包功能。2.錢包 位元幣錢包...