Question

有没有办法只针对某个div制作无响应的网格引导程序？我知道有一种方法可以通过执行此步骤here来禁用响应能力。但我想要的是我只想要我的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-x：

<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>

无响应的网格引导程序

1 个答案: