截图:
我想在我的页面上使用bootstrap使用博客联系表单小部件。如何在窗口小部件的底部和侧面没有这些白色边距的情况下使该部分具有全宽度和响应性?
html小部件:联系我们
CSS:
.widget{
text-align:center;
background-color:#222222;}
.body {
display:inline;
background-color:#222222;}
.navbar {
font-family: 'Teko', sans-serif; }
.content-header{
font-family: 'Oleo Script', cursive;
color:#fcc500;
font-size: 45px; }
#reel {
padding-top:50px;
height:100%;
color:#fff;
background-color:black; }
#about {
font-family: 'Teko', sans-serif;
padding-top: 50px;
text-align: center;
width: 100%;
height: 400px;
background: #222222;
color : #fff; }
#services {
font-family: 'Teko', sans-serif;
padding-top: 50px;
text-align: center;
width: 100%;
height: 400px;
background: #222222;
color : #fff; }
div#contact {
font-family: 'Teko', sans-serif;
padding-top: 50px;
text-align: center;
background: #222222;
color : #fff; }
#footer {
font-family: 'Teko', sans-serif;
text-align: center;
background: #222222;
color : #fff; }
.main-inner {
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
谢谢!
以下样式可能有效:
body,html,section{
margin:0 !important;
padding:0 important;
width:100% !important;
}
但这不是解决问题的永久方法。您必须准确找出问题所在。
检查您的页面。关注那个元素并观察,你可以看到盈余。
或者使用reset.css