bootstrap框架 輔助類

2021-10-09 15:42:03 字數 872 閱讀 9317

del刪除文字

small 縮小文字

strong 強調文字

class類

列表類list-inline

list-unstyled

文字對齊方式

text-left

text-right

text-center

text-nowrap:單行文字強制一行,可以防止文字折行

text-:單行文字截斷 文字後邊出現省略號,但必須是 display: inline-block 或 display: block 型別。

font-weight-bold:文字加粗

text-reset 類重置文字或鏈結的顏色,以便從父元素繼承顏色屬性。

text-muted:字型灰色

text-decoration-none 類去除文字的裝飾。

浮動,清除浮動

float-left

float-right

垂直對齊:

align-middle

顏色border邊框 圓角

陰影定位

flex布局

d-flex 對應於屬性display:flex

justify-content-between 對應於justify-content:space-between

align-items-center 對應於屬性align-item:center;

flex-wrap對應屬性flex-wrap:wrap

margin/padding的輔助類

1.m/p

2.t/b/l/r/x/y

3.0 1 2 3 4 5 6 auto

display1.

柵格系統

前期框架 Bootstrap框架

1.什麼是css框架 封裝了很多重複的工作 提高了開發的效率 隨著web應用變得越來越複雜。在大量的開發過程中,我們發現有許多的功能模組非常相似。例如輪播圖,分頁,導航,進度條,模態框等,每一次都手動書寫無疑是在做重複工作。框架的作用就是把這些功能封裝稱為乙個個元件,在開發過程中直接拿過來使用即可,...

引用bootstrap框架

html5shiv主要解決html5提出的新的元素不被ie6 8識別,這些新元素不能作為父節點包裹子元素,並且不能應用css樣式。讓css 樣式應用在未知元素上只需執行 document.createelement elementname 即可實現。html5shiv就是根據這個原理建立的。標準的引...

前端框架 BootStrap

bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...