Javascript 引导/基础堆叠行/列

Javascript 引导/基础堆叠行/列,javascript,twitter-bootstrap-3,zurb-foundation,rows,Javascript,Twitter Bootstrap 3,Zurb Foundation,Rows,我试图实现非常简单的两行堆叠,但似乎找不到解决方案。我已经尝试了引导和解决方案的基础。 正如你在照片中看到的,我有2行,每行有3列。当屏幕大小为中/小时,我需要将列分为两部分,标题4应位于标题3的旁边,标题5应位于标题3的下方。后记后面是标题6 我提前非常感谢大家 引导代码 让我们试着通过引导来完成 我们只需要一行六个单元格。这是因为Bootstrap 类为col-xs-6的块从12列中获取6。它正好是屏幕宽度的一半。这门课一直有效,直到开始行动。当屏幕992px或更宽时,具有类col-sm

我试图实现非常简单的两行堆叠,但似乎找不到解决方案。我已经尝试了引导和解决方案的基础。 正如你在照片中看到的,我有2行,每行有3列。当屏幕大小为中/小时,我需要将列分为两部分,标题4应位于标题3的旁边,标题5应位于标题3的下方。后记后面是标题6

我提前非常感谢大家

引导代码
让我们试着通过引导来完成

我们只需要一行六个单元格。这是因为Bootstrap

类为
col-xs-6
的块从12列中获取6。它正好是屏幕宽度的一半。这门课一直有效,直到开始行动。当屏幕
992px
或更宽时,具有类
col-sm-4
的块占据屏幕宽度的三分之一

请检查结果


标题1
标题2
头3
头4
标题5
头6

让我们试着通过引导来完成

我们只需要一行六个单元格。这是因为Bootstrap

类为
col-xs-6
的块从12列中获取6。它正好是屏幕宽度的一半。这门课一直有效,直到开始行动。当屏幕
992px
或更宽时,具有类
col-sm-4
的块占据屏幕宽度的三分之一

请检查结果


标题1
标题2
头3
头4
标题5
头6

无需使用两个不同的行。引导默认值将额外的单元格/列包装到下一行中。


标题1
Lorem ipsum dolor sit amet,献祭精英,
临时行政长官
这是一个巨大的挑战。
这是一个小小的节日
ullamco laboris nisi ut aliquip ex ea commodo实习
康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡
如果您不同意,请出示您的通行证

更多信息。 标题2 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。 头3 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。 头4 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。 标题5 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。 头6 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。
无需使用两个不同的行。引导默认值将额外的单元格/列包装到下一行中。


标题1
Lorem ipsum dolor sit amet,献祭精英,
临时行政长官
这是一个巨大的挑战。
这是一个小小的节日
ullamco laboris nisi ut aliquip ex ea commodo实习
康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡
如果您不同意,请出示您的通行证

更多信息。 标题2 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。在沃鲁帕特的reprehenderit中有两人或两人死亡 如果您不同意,请出示您的通行证

更多信息。 头3 Lorem ipsum dolor sit amet,献祭精英, 临时行政长官 这是一个巨大的挑战。 这是一个小小的节日 ullamco laboris nisi ut aliquip ex ea commodo实习 康塞奎特。酒后驾车