Bootstrap 3禁用小型设备的类

Question

我有一个Form class =＆＃34; form-inline center＆＃34;班级＆＃34;中心＆＃34;如下（样式部分）：

.center { text-align: center }

但我想要这个课程＆＃34; center＆＃34;不适用于小型到小型设备。是否有Bootstrap 3语法？

Answer 1

您可以尝试仅使用媒体查询。

类似的东西，

@media only screen and (max-width: 320px) {    
   .center {
       text-align : (your preferred style);
    }
}

这是JsFiddle

类似的问题：Bootstrap, pull-left for small devices

有关设备和屏幕尺寸的更多信息：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

希望这有帮助。

Answer 2

使用.hidden-xs上的.hidden-sm和<center>类，如下所示：

<center class="hidden-xs hidden-sm">

有关详细信息，请查看此处的官方文档Bootstrap Responsive utilities