html – 如果使用不同的高度和宽度平铺元素,如何使用Bootstrap 3网格

概述我最近在几个项目中使用了 Bootstrap 3,并且喜欢它的工作方式.不过我现在有一些问题,我真的不知道如何使用它.如果我有一些平铺的div,我想知道如何更改顺序或不同断点的网格中的位置是最好的方法.我做了一个简单的可视化来解释我的问题： 在左侧,您可以在大型桌面上看到状态,在右侧看到下一个较小断点上的状态.我目前遇到的问题是：我如何处理.row1上的蓝色div,在右边的新行旁边的.row2上有 我最近在几个项目中使用了 Bootstrap 3,并且喜欢它的工作方式.不过我现在有一些问题,我真的不知道如何使用它.如果我有一些平铺的div,我想知道如何更改顺序或不同断点的网格中的位置是最好的方法.我做了一个简单的可视化来解释我的问题：

在左侧,您可以在大型桌面上看到状态,在右侧看到下一个较小断点上的状态.我目前遇到的问题是：我如何处理.row1上的蓝色div,在右边的新行旁边的.row2上有红色div.
在断点处,红色div可以移动到另一排吗？

我正在寻找一种bootstrap / CSS唯一的方式,但如果没有Js / jquery肯定没有用,我也会很感激这些建议.

希望你明白我的观点.谢谢！

编辑：在@Danko的回答中我的另一个问题的相关图像,这是如何在不同的断点上切换切片.

解决方法 您需要管理相同的逻辑,但不要将您的设计分成两行,只有一行：

<div >    <div >      <div ></div>      <div ></div>      <div ></div>      <div ></div>    </div></div>

检查这个DemoBootply

总结

以上是内存溢出为你收集整理的html – 如果使用不同的高度和宽度平铺元素,如何使用Bootstrap 3网格全部内容，希望文章能够帮你解决html – 如果使用不同的高度和宽度平铺元素,如何使用Bootstrap 3网格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。