我也准备写个导航页

序

之前写了一篇开源的网址导航网站推荐，心血来潮我也打算自己写一个网址导航网站。
开源的网址导航网站推荐

需求分析

网站要足够美观，响应式设计同时适应移动设备和PC端。
这里选择 Bootstrap4作为开发框架，要的是能够快速开发。

Bootstrap 是全球最受欢迎的前端开源工具库，它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能，能够让你快速设计并定制你的网站。

固定思维的坑

网站还未完工，大概长这样。

image

我之前只用过Bootstrap3，与Bootstrap4两者差别不是很大。Bootstrap4也不在支持IE9（真心不想吐槽了），同时支持Sass。

固定思维带给我的坑
Bootstrap栅格系统是分成12份，图中视频媒体部分就是采用Bootstrap栅格系统去分的。但是这样就有个问题最多只能分12个，我想要一行显示更多，那怎么办呢？我想到有的框架是分成24份的，既然这样我要不把Bootstrap的也改一改。
于是乎一顿百度操作，网上确实有说可以这么折腾。可是，我真的是想太复杂了。

后来才想到为什么不用flex布局呢？这样很简单就解决了。