【问题标题】:bootstrap grid gets broken引导网格被破坏
【发布时间】:2016-06-28 23:23:35
【问题描述】:

所以这里是removed link 它是俄语的,但没关系。 问题是引导网格有时会损坏,我不知道为什么。有时它看起来很正常,但后来我将页面缩放到 75%,它就坏了。 我猜它在没有缩放的情况下也会在不同的笔记本电脑屏幕上坏掉。 我应该给你一些代码还是别的什么?

【问题讨论】:

  • 在每列中为您的项目设置一个最小高度将修复您损坏的网格。
  • 请发布您的代码以创建minimal example

标签: html css twitter-bootstrap


【解决方案1】:

您可以像这样每 4 个项目添加一个 CSS 清除“重置”。这将在不设置特定高度的情况下工作。

@media (min-width: 992px) {
    .category-wrap:nth-child(4n+1) {
        clear: left;
    }
}

http://codeply.com/go/ubs5zGee5g

【讨论】:

    【解决方案2】:

    height: 150px; 添加到您的.category-wrap 以修复它。

    .category-wrap {
        margin-top: 15px;
        height: 150px;
    }
    

    【讨论】:

      猜你喜欢
      • 2018-02-23
      • 1970-01-01
      • 1970-01-01
      • 2015-05-19
      • 2015-12-04
      • 2022-01-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多