Bootstrap 3复杂列布局

Question

我正在尝试确定是否可以在引导程序3中实现这种布局。

bootstrap 3网格布局：

有一些问题我看不出有办法解决，主要是红色框中的项目需要在较小的屏幕上一起折叠。而且我无法将其设置为col-10 / col-2，因为col-10具有5列行。

这是不可能的吗？还是我没有找到解决方法？

Answer 1

使用香草Bootstrap 3类是不可能的，因为12个单元的网格系统不能被5列均匀地整除。充其量，您可以使用.col-md-offset-1偏移第一列，这会在五列周围添加半列空格。

我建议尝试Bootstrap 4 grid system！它基于flexbox，可以处理5列。