如何使用多个列和行的框在引导程序中创建网格？

Question

我很难在bootstrap中设置网格，似乎无法将其解剖为较小的方块。检查图像是否有所需的网格：bootstrap-based grid

Answer 1

如果没有令人厌烦的解决方法基本上否定了引导网格提供的好处，那么就无法做到这一点。引导网格的主要目的是灵活（根据屏幕大小更改内容布局）。因此，没有理由实施您所描述的功能。想象一下，尝试组织附加图像中的数据，以便在不同尺寸的设备上进行不同的显示 - 这几乎是不可能的。

但是，使用FlexBox，可以实现更具体的网格状布局。我没有看到您使用FlexBox描述的问题布局。但是我应该警告你，虽然FlexBox越来越受欢迎，但它仍然不能在所有平台上得到完全支持。正如您在此处看到的那样：http://caniuse.com/#feat=flexbox，大多数主流浏览器都支持技术，但您会很快发现它们之间存在行为差异。因此，在此时实现FlexBox在所有现代浏览器中的工作方式可能会有点麻烦（特别是对于刚接触布局的人），但这当然不是不可能的。有关FlexBox的更多信息，请参阅https://css-tricks.com/snippets/css/a-guide-to-flexbox/。