Boostrap全域性CSS樣式

2021-09-08 11:30:29 字數 1148 閱讀 7774

1、bootstrap提供的css reset

* body 

h1 h2 

h3 h4   

h5   

h6   

a img 

p 2、bootstrap全域性css樣式——按鈕——簡單&有趣

.btn 

.btn-default 

.btn-danger

.btn-success

.btn-warning

.btn-info

.btn-primary

.btn-lg

.btn-sm

.btn-xs

.btn-block

.pull-left 

.pull-right 

3、bootstrap全域性css樣式————簡單&有趣

.img-rounded

.img-circle

.img-thumbnail 縮略/拇指

.img-responsive  響應式

4、bootstrap全域性css樣式——排版和**

.text-danger

.text-success

.text.warning

.text-info

.text-primary

.bg-danger

.bg-success

.bg-warning

.bg-info

.bg-primary

.text-left

.text-right

.text-center

.text-justify  文字兩端調整對齊

.text-uppercase  

.text-lowercase

.text-capitalize  

.list-unstyled

.list-inline    

5、bootstrap全域性css樣式——**——簡單&有趣

.table

.table-bordered 帶邊框的**

.table-responsive 響應式**  注意:使用在table的父元素上,而不是table上

.table-striped 隔行變色的**

.table-hover 帶懸停效果的**

css全域性公共樣式

css檔案命名為global.css,一般此css檔案是用於裝全站主要框架css樣式 和初始化的css樣式。global 翻譯為全域性 全部。從翻譯中大家也能理解global.css用於做什麼。大站常常用於裝全站公共的css樣式選擇器。全站能重複呼叫的css樣式都放入此css檔案內,可以節約樣式 規...

Bootstrap全域性CSS樣式之排版

bootstrap能完全友好的支援html5的文字元素,這裡不再贅述,具體可參考我另一篇文章 html的文字元素總結 這裡主要針對bootstrap封裝好的css文字樣式做一下彙總。small 當前元素字型大小的 85 常用作副標題時,也可用來代替 lead 讓段落突出顯示 text left te...

Bootstrap入門 全域性CSS樣式 概論

標籤 空格分隔 未分類 為了確保適當的繪製和觸屏縮放,需要在 之中新增viewport 元資料標籤。name viewport content width device width,initial scale 1 關於這個標籤的詳細,可以看這個部落格的講解 移動前端開發之viewport的深入理解 ...