Question

我需要设置一个偏移量col-sm-offset-1，这也会影响md和lg设备，即使设置了它们的偏移也是如此。我不知道造成这种情况的原因。

<div class="container">
    <div class="row">
        <div class="col-md-4 hidden-xs hidden-sm">
            Some html here...
        </div>
        <div class="col-md-5 col-sm-7 col-sm-offset-1 col-md-offset-0 col-lg-offset-0">
            Some html here...
        </div>
        <div class="col-md-3 col-sm-4">
            Some html here...
        </div>
    </div><!-- end of row div -->
</div>

Answer 1

偏移量从sm一直到最大尺寸都适用。这就是Bootstraps移动第一的方法。

您可以尝试添加col-md-offset-0以防止偏移应用于更大的尺寸。

Answer 2

您的代码是按预期工作的，但是您可能会误认为偏移的边距？如果您希望内容伸展并填充页面，请按容器流体替换容器，如此。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4 hidden-xs hidden-sm">
            Some html here...
        </div>
        <div class="col-md-5 col-sm-7 col-sm-offset-1 col-md-offset-0 col-lg-offset-0">
            Some html here...
        </div>
        <div class="col-md-3 col-sm-4">
            Some html here...
        </div>
    </div><!-- end of row div -->
</div>

Bootstrap 3.0 col-sm-offset-1正在影响md和lg设备

2 个答案: