Bootstrap Jumbotron не становится полной ширины тела
Привет я пытаюсь исправить мой Jumbotron на полную ширину экрана, но как-то это нужно15px padding-left, padding-right
, Если я уберу отступ, горизонтальная полоса прокрутки появится с30px right margin
, Я использую стандартную версию Bootstrap 3.0.3 и стандартную компоновку VS2013. Согласно этомуссылка Я удалил Jumbotron вне всех.container
моя страница выглядит вот так
<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 === | ================ | ===
Любые идеи о том, как исправить макет? Я не коснулся Bootstrap CSS, который я обновил с помощью Nuget.