Question

我有一个页面，无法理解为什么出现底部导航栏。 Auda网站https://www.audatex.co.in/似乎有些元素不在屏幕上，但我听不懂！解决方案欢迎您！谢谢

Answer 1

您遇到的问题是由于您为margin类提供的.row

.row {
    margin-left: -15px;
    margin-right: -15px;
}

删除甚至修复它并解决问题。

Answer 2

SOLERA STATISTICS部分正在创建水平滚动条。更新您的引导css文件。或使用以下CSS：

.container-fluid{
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

Answer 3

您在此html代码中删除了类row

<section class="stats-section" id="solera">
  <div class="container-fluid wow fadeInDown delay-05 animated" style="visibility: visible; animation-name: fadeInDown;">
    <!--main-section-start-->
    <h2> Solera Statistics</h2>
    <div class=""> //Remove class `row` in there
    ...
    </div>
   </div>
</section>

Answer 4

#solera .row元素比页面宽。

考虑将以下内容添加到您的CSS中：

#solera .row {
  width: 100%;
}

Answer 5

设置边距0

#solera .row{
     margin:0;
    }

Answer 6

因为您正在使用animate.css，所以会出现滚动条。使用overflow-x：hidden;在体内。

Answer 7

您的bootstrap.css缺少container-fluid的样式。使用引导CSS的稳定版本。当前，您正在使用Bootstrap v3.0.3。使用Bootstrap（v3.3.7）

<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Bootstrap 3中的2.x .container-fluid已替换为.container。*

但是，对于Bootstrap 3.1

container-fluid在Bootstrap 3.1中再次返回。现在，可以使用容器流体来创建全宽布局。

Answer 8

您的HTML正文将溢出。您需要隐藏x轴上的溢出。使用以下代码将为您提供帮助

body{

overflow-x:hidden;

}

Answer 9

实现css类，并将其分配给适当的划分：overflow-x：隐藏；

滚动条显示在bootstrap内置网页的底部

9 个答案: