【问题标题】:Bootstrap CSS Ignore StyleBootstrap CSS 忽略样式
【发布时间】:2015-04-24 03:27:34
【问题描述】:

我正在使用引导程序 2.3 模板,但遇到了一些样式问题。

我的页面上有一个表格,我正在使用 class=span4 将列定义为特定宽度。

我的问题是在这个模板的css中,有这样的样式:

.row [class*="span"] {
    padding: 0;
}

当我在表格上使用 span 标签时,它会从中删除所有填充。我无法从主样式表中删除 css,因为它用于站点内的其他内容。

有没有一种方法可以让我忽略我正在处理的表格,或者想出另一种样式来将它恢复到我正在处理的页面上的样子?

【问题讨论】:

    标签: css twitter-bootstrap


    【解决方案1】:

    您必须添加一个特殊的类来覆盖这些行中的跨度

    <tr class="row">
    <td><span class="special-span"></span></td>
    </tr>
    

    然后在你的 CSS 中

    .row .special-span{
    padding: 10px !important;
    }
    

    【讨论】:

      【解决方案2】:

      您可以尝试使用 !important 规则。

      .row [class*="span"] {
          padding: 0!important;
      }
      

      其他需要考虑的事项:

      1. 确保在 bootstrap.css 和 bootstrap-theme.css 之后包含样式
      2. 使您的样式比您要覆盖的样式更具体。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-09-14
        • 2020-11-26
        • 2010-10-31
        • 2011-09-29
        • 1970-01-01
        • 1970-01-01
        • 2014-01-19
        • 2012-11-02
        相关资源
        最近更新 更多