Bootstrap网格在本地可用，但在服务器上已损坏

Question

使用Bootstrap（和一般的CSS）进行我的第一个项目。

在以下部分中，对于xs屏幕大小，这些列在本地看起来很不错，但是在服务器上，整个部分都压在右边。 似乎无法找出问题所在。

  <div class="container testimonials">
  <h2>What People Are Saying</h2>

  <div class="row">

  <div class="col-md-1 col-xs-0">
  </div>

  <div class="col-md-5 col-xs-6">
  <div class="quotes">
    <blockquote>Extremely helpful! How to Interview is an easy read that hits all the major concerns about interviewing - and how to handle them appropriately. I recommend it to anyone who is trying to land a job.</blockquote>
  </div>
  </div>

  <div class="col-md-5 col-xs-6">
  <div class="quotes">
    <blockquote>I interviewed at Google twice and didn't made the cut. I interviewed a third time -- trying the techniques in How to Interview -- and got the job. It changed the way I communicate and helped me get the job I wanted.</blockquote>
  </div>
  </div>

  <div class="col-md-1 col-xs-0">
  </div>

  </div> <!-- /row -->
  </div> <!-- /testimonials -->

Answer 1

问题是testimonials类的填充过多：

.testimonials {
    /* ... */
    padding-left: 190px;
    padding-right: 190px;
}

它没有为内容留出足够的空间。

由于这些规则来自单独的CSS文件main.css ，因此该文件在本地服务器上可能有所不同。