Question

在这通常在最大化窗口中执行，但我认为它没有响应，因为当我压缩窗口设计视图一个接一个地垂直但我想要水平视图

<div class="col-md-12">
            <div class="row-fluid">
                <div class="col-md-3">
                      <span class="text-center"><b>SELLERS</b></span>
                </div>
                <div class="col-md-1">
                       <span class="glyphicon glyphicon-arrow-down">RATING</span>
                 </div>
                <div class="col-md-3">
                       <span class="glyphicon glyphicon-arrow-up">DELIVERED BY</span>
                 </div>
                 <div class="col-md-1">
                       <span class="text-center">OFFERS</span>
                </div>
                <div class="col-md-2">
                       <span class="glyphicon glyphicon-arrow-down">PRICE</span>
                 </div>
                 <div class="col-md-2">
                 </div>
            </div>
        </div>

Answer 1

这是对的。目前，您的列会在他们点击“媒体”时堆叠。断点，根据Grid table on the Bootstrap website为992像素。这意味着一旦您的浏览器宽度滑落到992像素宽度以下，它将恢复为堆叠。

您可以将col-md-*类更改为col-sm-*，这样可以将它们更改为堆叠在“{0}小”上。断点，即768像素。有关详细信息，请仔细阅读此处的文档和示例 - http://getbootstrap.com/css/#grid

我压缩窗口时想要响应页面

1 个答案: