html - 如何使 Bootstrap 中的水平滚动更小？

Question

我在 bootstrap 中制作了一个水平滚动列，但它在页面的最右侧结束。我怎样才能把它们做得更小

<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            ...
    </div>
    <div class="row">
    <div class="col-md-8 ">
            <div class="container testimonial-group">
               ...
            </div>
    </div>

</div>

CSS:

.testimonial-group > .row {

    overflow-x: auto;
    white-space: nowrap;
  }
  .testimonial-group > .row > .col-xs-4 {
    display: inline-block;

    float: none;
  }

  /* Decorations */
  .col-xs-4 { color: #fff; font-size: 48px; padding-bottom: 20px; padding-top: 18px; }
  .col-xs-4:nth-child(3n+1) { background: #c69; }
  .col-xs-4:nth-child(3n+2) { background: #9c6; }
  .col-xs-4:nth-child(3n+3) { background: #69c; }

Answer 1

如果理解你的问题是正确的 - 尝试在“testimonial-group”类上设置 css 属性 overflow: 'hidden'