微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – Bootstrap Jumbotron没有成为Body的全宽

嗨,我正在尝试将我的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.

解决方法

为了分享我在Visual Studio 2013中创建MVC Web应用程序后的经验,无论我做什么,我都无法使用jumbotron来扩展屏幕的宽度.我最终发现它被Views / Shared / _Layout.cshtml页面上的认**容器body-content标记阻止.删除标签后,它正确显示.希望能帮助处于类似情况的任何人.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐