jquery - 如何删除博客小部件的白边距？

Question

截图:

我想通过 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;
}

谢谢!

Answer 1

以下样式可能有效:

body,html,section{

  margin:0 !important;
  padding:0 important;
  width:100% !important;

}

但这不是解决问题的永久方法。您必须准确找出问题所在。