Css 屏幕尺寸767px及以下，右侧有较大的空白

我在引导响应屏幕大小方面遇到了一些问题，因为某些原因，当窗口小于767px时，右边有大约30px或更大的填充，我不知道如何消除它。如果屏幕尺寸较小，则正确尺寸的白色条会较大。你能帮我一下吗？

这里有一个 Bootstrap.responsive

@media(max-width:767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left
  }
  .dl-horizontal dd {
    margin-left: 0
  }
  .container {
    width: auto
  }
  .row-fluid {
    width: 100%
  }
  .row,
  .thumbnails {
    margin-left: 0
  }
  .thumbnails>li {
    float: none;
    margin-left: 0
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto
  }
  .controls-row [class*="span"]+[class*="span"] {
    margin-left: 0
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0
  }
  .modal.fade {
    top: -100px
  }
  .modal.fade.in {
    top: 20px
  }
}

@media(max-width:480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0)
  }
  .page-header h1 small {
    display: block;
    line-height: 20px
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left
  }
  .form-horizontal .controls {
    margin-left: 0
  }
  .form-horizontal .control-list {
    padding-top: 0
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px
  }
  .media-object {
    margin-right: 0;
    margin-left: 0
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px
  }
  .carousel-caption {
    position: static
  }
}

Main.CSS

@导入url(http://fonts.googleapis.com/css?family=Fjalla+一),；
.clearfix{*缩放：1}
.clearfix:之前，
.clearfix:之后{
显示：表格；
内容：“；
线高：0
}
.clearfix:之后{
清楚：两者都有
}
.隐藏文本{
字体：0/0A；
颜色：透明；
文本阴影：无；
背景色：透明；
边界：0
}
.输入块级别{
显示：块；
宽度：100%；
最小高度：30px；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框
}
身体{
填充顶部：80px；
字体大小：12px；
颜色：#34495e；
背景：#f5
宽度：100%；
}
阀体h1、阀体h2、阀体h3、阀体h4、阀体
.创造{
字体系列：“Fjalla One”；
字体大小：正常
}
正文h5{页边距：0}
正文h3，正文h4{页边距顶部：0}
正文h6{margin:0；字体系列：“roboto_thregular”；字体大小：“24px”}
身体
.btn{
-webkit边界半径：0；
-moz边界半径：0；
边界半径：0；
边界：0；
背景图像：无；
文本阴影：无；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无
}
.btn.btn-透明{
边框：3px实心#fff；
背景：透明；
颜色：#fff
}
.btn.btn透明：悬停{边框颜色：rgba（255255,0.5）}
.btn.btn链接{颜色：#bb0300；填充：0}
.btn.btn链接：悬停{文本装饰：无}
.btn主{背景色：#bb0300}
.btn主：悬停{背景色：#ff0200}
a{color:#bb0300；-webkit转换：300ms；-moz转换：300ms；-o转换：300ms；转换：300ms}
a:悬停，
a:focus{color:#ff0200；文本装饰：无；大纲：0}
.下拉菜单{页边距顶部：-1px；最小宽度：180px；颜色：#bb0300}
正文>部分{填充：5px 0}
正文>章节
#幻灯片放映{填充：0}
#近期作品{背景：#bb0300；颜色：#fff}
#最新作品.links>a{背景：#fff；颜色：#bb0300；文本阴影：无}
#客户{背景：#fff}
#客户h4{颜色：#999}
#clients.carousel{margin bottom:0}
#clients.clients ul.缩略图{margin:0}
#clients.clients ul.thumbnails>li{text align:center；margin bottom:0}
#客户，上一个，
#clients.next{color:#999}
.title{背景：#bb0000；颜色：#fff；填充：20px 0}
.center{text align:center}
.盒子{
背景色：#fff；
边框顶部：1px实心#f0；
-webkit盒阴影：0 1px 2px 0 rgba（0,0,0,0.1）；
盒影：0 1px2p0 rgba（0,0,0,0.1）；
填充：10px；
-webkit边界半径：4px；
-moz边界半径：4px；
边界半径：4px
}
.progress{margin bottom:10px}
.progress、.progress.bar{
-webkit边界半径：0；
-moz边界半径：0；
边界半径：0；
背景图像：无；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无；
文本阴影：无；
高度：30px；
线高：30px
}
.label、.badge{字体大小：300；字体大小：90%}
面包屑{边距：12px 0；背景：透明}
ul.breadcrumb>li{text shadow:none}
ul.breadcrumb>li>a，ul.breadcrumb>li.divider{color:#fff}
ul.breadcrumb>li.active{color:rgba（255255,0.7）}
ul.tag-cloud li{显示：内联块；边距：0 0 2px 0}
.btn社会{边框：0；颜色：#fff；文本阴影：0 1px rgba（0,0,0,0.5）}
.btn social.btn facebook{背景：#4f7dd4}
.btn social.btn facebook:hover{background:#789bde}
.btn social.btn twitter{背景：#5bceff}
.btn social.btn twitter:hover{background:#8eddff}
.btn social.btn linkedin{背景：#21a6d8}
.btn social.btn linkedin:hover{background:#49b9e3}
.btn social.btn google plus{背景：#dc422b}
.btn social.btn google plus:hover{background:#e36957}
.btn社交：悬停{color:#fff}
header.navbar.navbar内部{
背景：#fff！重要；
边界：0；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无
}
标题#标志{
宽度：435px；
高度：80px；
背景：url（../images/logo/trlogo.png）不重复0 50%
}
标题.导航栏{
底线：0
}
header.navbar.nav{margin top:20px}
header.navbar.nav>li{左边距：1px}
header.navbar.nav>li>a{
填充顶部：10px；
垫底：10px；
颜色：#333；
字体系列：“Fjalla One”；
字体大小：14px；
文本转换：大写；
文本阴影：无
}
header.navbar.nav>li>a:悬停{
背景：透明；
颜色：#bb0300；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无
}
header.navbar.nav>li.active>a，header.navbar.nav>li.active>a：悬停{
背景：透明；
颜色：#bb0300；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无
}
header.navbar.nav>li.dropdown.open>a.dropdown-toggle{
背景：透明；
颜色：#bb0300
}
header.navbar.nav>li.login>a{border left:1px solid#e5}
页眉.下拉菜单{页边空白顶部：20px；颜色：#bb0300}
header.下拉菜单：在{显示：无！重要}之前
.navbar.nav li.dropdown.open>.dropdown切换、.navbar.nav li.dropdown.active>.dropdown切换、.navbar.nav li.dropdown.open.active>.dropdown切换{
背景色：透明；
颜色：#bb0300
}
.navbar.nav>.active>a、.navbar.nav>.active>a:hover、.navbar.nav>.active>a:focus{
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无
}
.navbar.nav>li>a:focus.navbar.nav>li>a:hover{color:#bb0300}
.下拉菜单{-webkit边框半径：0；-moz边框半径：0；边框半径：0；-webkit方框阴影：无；-moz方框阴影：无；方框阴影：无；填充：0；边框：0}
.dropdown menu>.active>a、.dropdown menu>.active>a:hover、.dropdown menu>a:focus、.dropdown menu>li>a:hover、.dropdown menu>li>a:focus、.dropdown子菜单：hover>a、.dropdown子菜单：focus>a{
背景：#bb0300
}
.主要信息{
背景色：#fff；
颜色：#3A3A
}.主要信息h4{
颜色：#706f6f
}
.图标中{
字号：18px；
宽度：18px；
线-