【问题标题】:Remove Gaps between Bootstrap div's删除 Bootstrap div 之间的差距
【发布时间】:2015-07-12 15:46:39
【问题描述】:

您好,我的两个 jumbotron 和我的页脚之间有间隙。

Bootpyl 我工作的例子。

你可以看到<div id="paper" class="jumbotron"><div id="form" class="jumbotron">之间有一个小的差距,同样的问题在<div id="form" class="jumbotron"><footer></footer>之间。

就像<div id="form" class="jumbotron"> 更小,或者我能弄清楚的其他东西在这里。

谁能给我解释一下发生了什么,谢谢。

【问题讨论】:

  • 您需要从.jumbotron 类中覆盖margin-bottom
  • 你在
    之前有一个
    标签
  • @ShaunakD,谢谢我刚刚解决了。

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

我已将其作为@ShaunakD 解决,建议通过覆盖.jumbotron margin-bootom 类并将其设为margin-bottom: auto;

现在我的 CSS 代码如下所示:

#paper {
    background-image: url(../img/paper/paper.jpg);
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: auto; 
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-05
    • 1970-01-01
    • 2020-05-01
    • 2023-01-02
    • 1970-01-01
    • 2021-11-12
    相关资源
    最近更新 更多