1.1 Bootstrap簡單介紹

1.2 Bootstrap結(jié)構(gòu)

1.3 Bootstrap安裝和測試

1.4 布局系統(tǒng)

1.5 柵格系統(tǒng)

4.6 柵格等級

1.7 顯示與隱藏

1.7 對齊與排列

1.8 內(nèi)容排版

1.9 代碼與圖文

1.9.1 設(shè)置圖片居中顯示

1.9.1 設(shè)置圖片響應(yīng)式顯示

1.9.2 設(shè)置圖片縮略圖顯示，以及顯示的位置

1.9.3 設(shè)置圖片響應(yīng)式替換，大于600px顯示大圖，小于600px顯示小圖

1.9.4 設(shè)置圖文對齊

1.10 表格樣式

1.11 顏色和邊框

1.12 公共樣式（關(guān)閉按鈕，浮動，清除浮動，text-hide,overflow-hidden,visible,align-*）

1.13 公共樣式（內(nèi)外邊距，寬高，陰影）

1.14 公共樣式（d-none,d-block,text-wrap,text-break,text-lowercase,text-reset,test-decoration-none,text-italic,embed-responsive）

總結(jié)

以上是生活随笔為你收集整理的一、bootstrap4基础（布局系统、栅格系统、显示与隐藏、对齐与排列、内容排版、代码与图文、表格样式、颜色和边框、工具类）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。