所有浏览器中网站的宽度不是100％全宽

Question

我网站的宽度不是100％完整的浏览器宽度。我正在使用Twitter Bootstrap 3.1并在没有模板的情况下手动编码网站：

网站已在www.getcitylights.com

上线

这里有我的身体CSS和一个子元素（welcometop），它是顶级蓝色div：

  * { margin: 0; padding: 0; }


  html, body {
                min-width: 100%;
                height: 100%;
                margin: 0px;
                padding: 0px;
              }


         .welcometop {
                margin:0;
                min-height:210px;
                max-height:auto;
                background: #1542bd;    
                     }

如果您向右滚动，则可以看到Chrome桌面和移动设备中的所有子元素都不是完整的浏览器宽度。

我该如何解决这个问题？

谢谢！

Answer 1

<强>问题

这是来自Bootstrap的margin-right:-15px;类的.row，它应用于导致此问题的<div>标头中的#firststop。

<强>解决方案

如果您在使用Bootstrap的margin-left类时不会错过应用于此元素的额外row，只需从元素中删除该类。

如果您希望应用margin-left而不是不需要的margin-right，请不要将.row类应用于此元素并使用您自己的选择器，例如：

<div id="example">代替<div class="row">

在你自己的custom.css样式表中：

#example { margin-left:-15px; }