Bootstrap容器太宽

时间:2015-08-17 04:38:58

标签: html css twitter-bootstrap

非常简单的问题;导航栏内的引导容器太宽,导致水平滚动条扩展到主体。

有问题的页面可以找到here,它所构建的主题是this一个。

令我感到困惑的是,两者的CSS似乎相等,Chrome开发工具返回的计算值是相同的。如果有人能够找到问题,那会很棒。

2 个答案:

答案 0 :(得分:8)

找到答案:<h1 class="intro-text"> <font><font>ideas, soluciones, estrategias para su negocio </font></font> <br> </h1> 周围没有<h1 class="intro-text"> ideas, soluciones, estrategias para su negocio <br> </h1> 导致它

答案 1 :(得分:1)

当前可以接受的答案接缝处(寻找.row,周围没有.container)。

但是手动查找可能会很慢,因此以下是可在控制台中运行的超快速且肮脏的jQuery脚本:

$.each($('.row'), function (key, value) {
    if (!($(this).parent().hasClass('container') || $(this).parent().hasClass('container-fluid'))) {
        console.log('Check .row ' + key);
        console.log( $(this) );
    }
});

它将返回一些.row ID和预览

[Log] Check .row 14
[Log] w [<div class="row">] (1)
[Log] Check .row 16
[Log] w [<div class="row">] (1)

只需在控制台中扩展该节点,即可轻松确定哪个节点是冒犯的一方。