无响应网格引导程序

Question

有没有办法只为某些div制作无响应的网格引导程序？我知道有一种方法可以通过执行此处的此步骤来禁用响应能力。但我想要的是我只想要我的div 的非响应列。

基本上我有 3 个按钮，我想使用 cols 对齐它，我希望它始终固定在 3 个水平列中。目前使用以下代码，当调整窗口大小时，cols 将响应性地更改其位置。除了为每个类指定class="col-sm-4 col-md-4 col-xs-4之外，执行此操作的正确方法是什么？我试过class="col-4"但它不起作用。谢谢！

<div class="overlayOptions" ng-show=overlayOptions>
                <div class="row">
                    <div class="col-md-4"><a class="watchButton"><span class="glyphicon glyphicon-plus"></span></a></div>
                    <div class="col-md-4"><a class="inventoryButton"><span class="glyphicon glyphicon-minus"></span></a></div>
                    <div class="col-md-4"><a class="storeButton"><span class="glyphicon glyphicon-pencil"></span></a></div>
                </div>
            </div>

Answer 1

只需指定最小宽度列，即div 的 col-xs：

<div class="overlayOptions" ng-show=overlayOptions>
            <div class="row">
                <div class="col-xs-4"><a class="watchButton"><span class="glyphicon glyphicon-plus"></span></a></div>
                <div class="col-xs-4"><a class="inventoryButton"><span class="glyphicon glyphicon-minus"></span></a></div>
                <div class="col-xs-4"><a class="storeButton"><span class="glyphicon glyphicon-pencil"></span></a></div>
            </div>
        </div>