css - 使用 CSS 排列多尺寸列表 - Bootstrap

Question

我目前在尝试将导航栏的每个子列表设置到左侧时遇到问题，以便它在每个子列表下方正确对齐，如果有超过 6 列，问题发生在第 7 个列表。我正在使用 Bootstrap ，每个子列表的大小为 2(因此从第 7 个开始，当它超过 12 列大小时，它会按预期向下移动)

我得到的结果是

预期的结果是

每个列表使用的代码片段:

<div class="sub-navigation-section col-md-2">Ul and li inside</div>

尝试执行预期结果的 CSS 是 Float:left;

Answer 1

Bootstrap 使用 12 列网格系统，因此您无法将其平均分为 7 列。您可以通过创建自己的类来做到这一点，该类的宽度约为 14.285% (100/7)，并且具有与 Bootstrap col-* 类相同的属性(向左浮动等)...但请记住，您需要满足不同的视口(viewport)等