[英]non-responsive grid bootstrap
Is there a way to make a non-responsive grid bootstrap only for certain div?有没有办法只为某些 div 制作无响应的网格引导程序? I know there's a way to disable responsiveness by following this step here .
我知道有一种方法可以通过在此处执行此步骤来禁用响应能力。 But what I want is I only want the non-responsive columnn for my div.
但我想要的是我只想要我的 div 的无响应列。
Basically I have 3 buttons, and I want to align it using cols and I want it always fixed in 3 horizontal columns.基本上我有 3 个按钮,我想使用 cols 对齐它,我希望它总是固定在 3 个水平列中。 Currently with the following code the cols will change its position responsively when the window is resized.
当前使用以下代码,当调整窗口大小时,cols 将响应地更改其位置。 What is the proper way of doing this other than specifying
class="col-sm-4 col-md-4 col-xs-4
for each class? I tried class="col-4"
but it doesn't work. Thank you!除了为每个班级指定
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>
Just specify only the smallest width column, ie the col-xs for your divs:只需指定最小宽度的列,即您的 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.