Html 在所有浏览器中,站点宽度不是100%全宽

Html 在所有浏览器中,站点宽度不是100%全宽,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我的网站的宽度不是100%全浏览器宽度。我使用的是Twitter Bootstrap 3.1,并在没有模板的情况下手工编码了该网站: 现场直播 下面是我对主体和一个子元素(welcometop)的CSS所做的,它是顶部的蓝色div: * { margin: 0; padding: 0; } html, body { min-width: 100%; height: 100%; margin

我的网站的宽度不是100%全浏览器宽度。我使用的是Twitter Bootstrap 3.1,并在没有模板的情况下手工编码了该网站:

现场直播

下面是我对主体和一个子元素(welcometop)的CSS所做的,它是顶部的蓝色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 desktop和mobile中的所有子元素都不是全浏览器宽度

我怎样才能解决这个问题


谢谢

问题

它是右边的
边距:-15px来自引导程序的
.row
类,该类应用于导致此问题的
#firststop
标题中的

解决方案

如果在使用Bootstrap的
类时,您不会错过应用于此元素的额外
左边距
,只需从元素中删除该类即可

如果您希望应用
左边距
,而不是不需要的
右边距
,请不要将
类应用于此元素,并使用您自己的选择器,例如:

而不是

在您自己的custom.css样式表中:

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

抱歉,“观看”引导程序文档?他们现在正在发布视频?没有“最大高度:自动”;而且你永远不会在你的身体上设置高度、宽度、最大宽度或其他任何东西;)你的引导css版本没有类的规范。容器流体^^在你的服务器上加载新版本的css,你应该很好谢谢@Pinki,你能看到你悬停在中间img上的bug吗,它的大小改变了1-2px?知道这个问题的解决方法吗?您好@null我是否也应该从.row类中删除-15px边距?@girlcancod680不,只是不应用。row too it,如果您希望边距保持不变,只需使用更具体的选择器并应用即可it@null好的,但我认为这是引导的最佳实践。您的第一个删除右边空白的建议:-15pxworked@GirlcanCode680这是可行的,但它会影响.row的每个元素,所以在这种情况下最好不要使用.row,或者像我的答案所说的那样自己重写它。好的,很好。我还应该补充一点,我仍然有最小化(移动)视图的问题。有什么想法吗?