Css 引导结果在Chrome中出错

我的网站的某个部分有问题，但问题只发生在Chrome上（老实说，我还没有尝试Firefox）。在Safari中，“About”

div

（如下所示）以正确的比例显示得很好，但在Chrome中，

p

元素显示得太低，大部分位于浏览器的左边缘，无法读取，

#About_bg

部分显示得太右，行为也不正常。有什么想法吗

链接如下：

---

谢谢你看

在引导列的左右两侧添加填充和边距将导致列超过包装器的最大宽度（如果您的列等于12），内容将被包装

去掉了col--

div的所有左/右填充和边距，问题依然存在……你知道为什么这在Safari而不是Chrome中可以正常工作吗？这是个好问题，我不知道答案。除此之外，您可以将样式应用于在Chrome中呈现不同的元素。我没有野生动物园，所以我不能看一眼。通过删除push和pull列类，并在about_bg ID上应用一个正确的浮点数，我可以使它看起来更好。但我确信这不是您想要的。对不起，我帮不了你多少忙！我认为推拉可能是个问题，但这只是一个猜测，因为我没有测试Safafi。
<!-- ABOUT -->
<div id="about" class="container-fluid">
  <div class="wrapper">
    <div class="row">
      <div id="about_bg" class="col-sm-3 col-sm-push-9">
        <img id="question_glyph" class="center-block" src="img/question_glyph.png" alt="about" />
        <h3 id="question_glyph_alt" alt="about">ABOUT.</h3>
      </div>
      <div class="col-sm-9 col-sm-pull-3 about_container">
        <p class="about_text">
          Outside of being "the voice," Bradley Smoak has had a variety of jobs throughout his career, most notably being an internationally acclaimed <a class="discreet" target="_blank" href="http://www.bradleysmoak.com">operatic soloist</a> featured at some of the top opera companies in the world.
          <br />
          <br />
          Other jobs have included bartender, boat renter, poker dealer, steakhouse cook, steakhouse waiter, steakhouse customer, website developer, illustrator, and computer game tester. From these incredibly diverse experiences, he brings a unique perspective to his voice acting and the ability to create a variety of specific, relatable characters that bring your copy to life.
          <br />
          <br />
          Originally from North Carolina, Bradley now makes his home in the wonderful Chicagoland area with his gorgeous wife and daughter, who put up with his "crazy voices" every day.
        </p>
      </div>
    </div>
    <div class="row">
      <div id="about_arrow" class="text-center">
        <a href="#services"><span class="text-center glyphicon glyphicon-circle-arrow-down"></span></a>
      </div>
    </div>
  </div>
</div>

#about {
  background: url('../img/about_bg.jpg');
  background-size: cover !important;
  background-attachment: fixed;
  margin-bottom: -65px !important;
  z-index: 2 !important;
  position:relative;
  top:-57px !important;
}
#about_bg { 
  background-color: rgba(0, 0, 0, 0.825);
}
#question_glyph { 
  width: 50%;
  padding:220px 0px 270px 0px;
}
#question_glyph_alt { display: none; }
.about_container {
  margin: 250px auto;
  padding: 30px 35px;
  max-width:740px;
  text-align: left;
}
p.about_text { 
  color:#000 !important;
  font-size: 15px; 
}
#about_arrow > a {
  color: $white;
  width:40px;
  margin:0px auto;
  position:relative;
  bottom:100px;
  &:hover { color: $steel; }
}