嗨,我正在尝试将我的Jumbotron修复为屏幕的全宽,但不知何故,它需要一个15px填充左,填充右.如果我删除填充,则水平滚动条显示为右边距为30px.我使用默认的Bootstrap ver 3.0.3和默认的VS2013布局.根据这个
link我在所有.container之外删除了Jumbotron我的页面看起来像这样
<body> <div class="navbar navbar-inverse navbar-fixed-top">.... Navigation stuff</div> <div class="jumbotron specialjum"> <div class="over container body-content"> ....page headers and other stuff </div> </div> <p class="just container body-content"> ... body text </p> </body>
/////////////////////////////////////////////////
body {
padding-top: 50px;
padding-bottom: 20px;
/*background:url("../Images/ps_neutral.png") repeat;*/
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
.just {
text-align: justify;
}
.specialjum {
background: url('http://fc00.deviantart.net/fs70/i/2013/339/7/1/princess_kenny_korosu_by_theshadowstone-d6wu2zo.png') center;
color:#fff;
background-size: cover;
}
编辑：
Firefox Chrome IE10结果=== | ================ | ===
有关如何修复布局的任何想法？我没有触及使用Nuget更新的Bootstrap CSS.
