柵格布局基本的概念在這就不多介紹
1、container和container-fluid的區別
（
1）container：內容居中，左右兩邊為空（2
）container-fluid：內容佔滿整個螢幕
col-auto：內容自適應填充：內容多長，就佔多長
col：預設填充佔滿整行
（
1）超小螢幕：col-
<
576px（2
）小螢幕：col-sm
>
576px（3
）中等螢幕：col-md
>
=768px（
4）大螢幕：col-lg
>
=992px（
5）超大螢幕：col-xl
>
=1200
px
row指container的一行，每行理想狀態包含
12個col，這些col在不同螢幕大小
時行為不同，
https://
www.
bootcss
.com
/
flex布局知識點
flexbox 布局最合適小規模布局，而網格布局適合較大規模布局。float,clear,vertical align 在flex中不起作用。flex布局中，有兩類作用于父節點也子節點的樣式，大部分簡單的布局只要把父節點寫好了，子節點是沒有多大問題的。display flex 宣告布局方式 flex...
html布局知識點總結
justify content 屬性用於定義如何沿著主軸方向排列子容器 水平 align items 屬性定義如何沿交叉軸排列 垂直 定義單行排列items align content 定義整個容器items在交叉軸的排列方式，對只有單行排列的items不起作用 子元素的flex屬性的屬性值可以是無...
響應式布局知識點
1.css3視口單位 vw,vh,vmin,vmax 視口 視口，就是根據你瀏覽器視窗的大小的單位，不受顯示器解析度的影響，是不是很神奇，這就代表了，我們不需要顧慮到現在那麼多不同電腦有關解析度的自適應問題 vw 這是 視口寬度 單位。1vw等於視口寬度的1 它與百分比類似，不同之處在於，所有元素的...