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 ，因此該文件在本地服務器上可能有所不同。