Twitter bootstrap Bootstrap 3复杂列布局

Twitter bootstrap Bootstrap 3复杂列布局,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我想知道这种布局在Bootstrap3中是否可行 引导3网格布局: 有几个问题我看不出来有没有办法解决,主要是红色框中的项目需要在较小的屏幕上折叠在一起。我不能将它们设置为col-10/col-2,因为col-10有5列行 这是不可能的,还是有一些我没有看到的工作?使用香草引导3类是不可能的,因为12个单位的网格系统不能被5列平均分割。最多可以使用.col-md-offset-1偏移第一列,这会在五列周围添加半列空格 我建议你试试这个!它基于flexbox,可以处理5列。到目前为止,您尝试了什

我想知道这种布局在Bootstrap3中是否可行

引导3网格布局:

有几个问题我看不出来有没有办法解决,主要是红色框中的项目需要在较小的屏幕上折叠在一起。我不能将它们设置为col-10/col-2,因为col-10有5列行


这是不可能的,还是有一些我没有看到的工作?

使用香草引导3类是不可能的,因为12个单位的网格系统不能被5列平均分割。最多可以使用
.col-md-offset-1
偏移第一列,这会在五列周围添加半列空格


我建议你试试这个!它基于flexbox,可以处理5列。

到目前为止,您尝试了什么?您所说的“折叠在一起”是什么意思?请通过编辑它来为您的问题添加一个。此外,您还可以阅读我们的页面,了解如何改进此问题的提示。更好的问题往往会从社区得到更快、更好的答案。@ochi最后一个红盒子需要排在第一个红盒子的后面。ie我将无法执行第col-sm-10行、第col-sm-2行和第col-sm-2行x5,因为它无法在手机上正确显示。较薄的一行是下面内容的标题。我最终得到了取消最后一篇专栏文章的许可,所以就这样解决了这个问题。这就是我想的,我们很快就会重新做这个网站,所以不值得升级这个版本。我最终获得了删除最后一列内容的许可,这样更容易了。@jessicap324您能帮我一下吗?请单击复选标记“woops”是的,对不起!