【问题标题】:Unable to redefine bootstrap col-md width无法重新定义引导 col-md 宽度
【发布时间】:2014-09-09 03:00:33
【问题描述】:

我正在尝试重新定义 col-md-4 的宽度。如果我直接进入引导文件并编辑下面的代码,它就可以工作。但是当我打开一个新的 css 文件并输入下面的代码并重新定义宽度时,它不起作用。为什么?我要解决的问题是因为在 IE7 中,我在一行中有 2 个项目而不是 3 个,所以我试图通过重新定义它来减小宽度,以便 3 个项目将在一行上。或许还有其他建议?

@media (min-width: 992px) {
.col-md-4 {
    width: 33.33333333%;
  }
}

【问题讨论】:

    标签: css twitter-bootstrap-3 less column-width grid-system


    【解决方案1】:

    将应用更具体的选择器。您可以从this article 阅读更多内容。

    对于您的情况,您可以将规则重写为更具体,或者为属性添加!important 标记。

    .col-md-4.wide { /* Or another more specific selector */
    

    width: 33.33333333% !important;
    

    【讨论】:

    • 我尝试使用 .col-md-4 span{} 并放置 !important,但它仍然不起作用。也许问题在于使用这 2 个 js 文件joostrap.com/blog/…。这2个js文件是为了让Boostrap支持IE。我确定你听说过他们?
    • 如果你的元素是span,请使用span.col-md-4选择器。
    • 当我删除了@media (min-width: 992px) {} 后,它现在可以工作了!现在你提到的两种方式都有效!谢谢!
    • 不客气。似乎你的问题与这个问题更相关。 stackoverflow.com/questions/18205253/…
    猜你喜欢
    • 2018-12-01
    • 1970-01-01
    • 2017-02-21
    • 2017-08-02
    • 2019-03-11
    • 2015-07-18
    • 2016-11-16
    • 2021-07-11
    • 2014-11-19
    相关资源
    最近更新 更多