序
之前寫了一篇開源的網(wǎng)址導(dǎo)航網(wǎng)站推薦玩焰，心血來潮我也打算自己寫一個網(wǎng)址導(dǎo)航網(wǎng)站嫡霞。
開源的網(wǎng)址導(dǎo)航網(wǎng)站推薦
需求分析
網(wǎng)站要足夠美觀，響應(yīng)式設(shè)計同時適應(yīng)移動設(shè)備和PC端勿侯。
這里選擇 Bootstrap4作為開發(fā)框架，要的是能夠快速開發(fā)。
Bootstrap 是全球最受歡迎的前端開源工具庫细溅，它支持 Sass 變量和 mixin、響應(yīng)式柵格系統(tǒng)儡嘶、自帶大量組件和眾多強大的 JavaScript 插件喇聊。基于 Bootstrap 提供的強大功能蹦狂，能夠讓你快速設(shè)計并定制你的網(wǎng)站誓篱。
固定思維的坑
網(wǎng)站還未完工，大概長這樣凯楔。
image
我之前只用過Bootstrap3窜骄，與Bootstrap4兩者差別不是很大。Bootstrap4也不在支持IE9（真心不想吐槽了）摆屯，同時支持Sass邻遏。
固定思維帶給我的坑
Bootstrap柵格系統(tǒng)是分成12份，圖中視頻媒體部分就是采用Bootstrap柵格系統(tǒng)去分的虐骑。但是這樣就有個問題最多只能分12個准验，我想要一行顯示更多，那怎么辦呢廷没？我想到有的框架是分成24份的糊饱，既然這樣我要不把Bootstrap的也改一改。
于是乎一頓百度操作颠黎，網(wǎng)上確實有說可以這么折騰另锋≈拖睿可是，我真的是想太復(fù)雜了夭坪。
后來才想到為什么不用flex布局呢文判？這樣很簡單就解決了。
