bootstrap 樣式記憶

2021-07-10 05:07:59 字數 920 閱讀 2429

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 ...