無響應的網格引導程序

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>