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的深入理解 ...