html - 如何对齐自举网格

标签 html css twitter-bootstrap

<分区>


关闭 9 年前

  • 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a minimal example在问题本身。
  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

我正在尝试创建一个 Twitter 网格,我有一些网格跨度比其他网格跨度高,并且在网格的每一行上,跨度都被向下推。我想要做的是让元素出现在元素之下。我已经截屏了它的外观,并用 Photoshop 处理了我想要的样子。屏幕截图如下。

Here is the original

Here is the photoshoped

最佳答案

有 3 种总体方法可以解决 Bootstrap 网格对齐/高度问题..

像这样的纯 CSS 方法......

http://bootply.com/85737

像这样的“clearfix”(响应式重置)方法(需要每 x 列迭代)..

http://bootply.com/89910

最后,您可能想要使用 Isotope/Masonry 插件。这是一个使用 Isotope + Bootstrap 的工作示例。

http://bootply.com/61482

关于html - 如何对齐自举网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35652926/

上一篇:html - 样式图片元素

下一篇:css - JAVAFX 8 图表 : get style of existing plotted series

相关文章:

javascript - 如何通过 XMLHttpRequest 加载数据来填写 AngularJS 表单

html - 电子邮件模板中的垂直对齐方式

jquery - Bootstrap 3 单选按钮

javascript - 如何一次选择一个元素?

html - 如何使图像组合响应?

javascript - Bootstrap 模态表单在验证之前关闭

python - 使用 BeautifulSoup 获取具有此属性的最近的前一个元素

html - Bootstrap 中的类 "row"使向右拉动更多

html - 如何在更大的 div 中制作图像中心(垂直和水平)

css - 控制输入​​提示