1.強調內容:「
.lead」
.text-left:左對齊
.text-center:居中對齊
.text-right:右對齊
.text-justify:兩端對齊
「.list-unstyled」,這樣就可以去除預設的列表樣式的風格。
.list-inline」來實現內聯列表 「
.dl-horizontal
」給定義列表實現水平顯示效果。 「
.pre-scrollable」,就可以控制**塊區域最大高度為
340px
,一旦超出這個高度,就會在
y軸出現滾動條。
☑.table:基礎**
☑.table-striped:斑馬線**
☑.table-bordered:帶邊框的**
☑.table-hover:滑鼠懸停高亮的**
☑.table-condensed:緊湊型**
☑.table-responsive:響應式**
「.checkbox
」和「.radio
」樣式,來處理核取方塊、單選按鈕與標籤的對齊方式
1、如果checkbox需要水平排列,只需要在label標籤上新增類名「checkbox-inline」
2、如果radio需要水平排列,只需要在label標籤上新增類名「radio-inline」
1、input-sm:讓控制項比正常大小更小
2、input-lg:讓控制項比正常大小更大
全域性樣式 bootstrap
在製作web頁面時,前端人員都習慣為 設定乙個全域性樣式 reset.css 那麼在bootstrap框架中也不例外。bootstrap框架的核心是輕量的css基礎 庫,他並沒有一味的重置樣式,而是注重各瀏覽器基礎表現,降低開發難度。大部分前端人員都具有歸零的思想,但實際你會發現,歸零之後的樣式在開...
bootstrap 表單樣式
為了獲得乙個好看的form表單空間,我們需要如下的操作 效果圖如下 我們首先通過form horizontal類來指定我們的表單空間是水平排列的,即標籤和輸入框在乙個水平線上,然後我們通過form group來使得表單控制項佔滿整個容器的寬度,然後通過col sm x來指定標籤和空間各自所佔的距離,...
bootstrap入門 表單樣式
linkhref bootstrap.min.css rel stylesheet 插入bootstrap外部樣式表 divclass form group label 使用者名稱 label inputtype email class form control placeholder email ...