bootstrap 內容總結

2021-10-06 09:50:47 字數 453 閱讀 2583

bootstrap 中的css根節點裡面生命了許多的變數: 如:

:root

使用方法:

使用的時候使用 樣式屬性:var

(--bule), 使用關鍵字var 來取出樣式的key,就可以使用變數css了

// bootstrap 給所有的元素都變成怪異盒模型, 這樣設定寬高不會增加盒子的大小*,

::after,

::before

樣式屬性值為 : inherite 為繼承的意思 如 font-size: inherite 基礎父級的字型大小

===*****=

*****=

= bootstrap 排版===

*****=

*****=

*****=

=//文字相關

h1-h6的樣式都已經修改了, 使用

Bootstrap 之網頁內容排版

文章中介紹到可以使用small標記來為h1到h6標記新增副標題,但是在測試中卻沒有發生任何的效果 bootstrap會自動為段落 標籤加上10px的底部外邊距,全域性字型大小為14px,行高為 1.428 address 標籤讓聯絡資訊以最接近日常使用的格式呈現,每行結尾新增 可以保留需要的樣式 d...

bootstrap 內容簡略顯示

1 首先需要在table中設定table layout fixed 2 然後在表頭th中設定每列的寬度普通 複雜3 然後在需要當長度大於一定數值時用省略號表示的td上面新增樣式01 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 這樣就可以做到,將過長的內容簡化為 前部分 ...

Bootstrap學習總結

1.bootstap的使用模板 自己的樣式檔案要放在下面才會覆蓋生效 href css index.css rel stylesheet head 你好,世界!h1 src script src script body html 2.禁止響應式布局 bootstrap會自動幫你針對不同的螢幕尺寸調整...