Bootstrap中,如果要在超小屏幕中显示某一列,在其他屏幕中隐藏该列,应使用的类名是
时间: 2024-03-16 17:44:21 浏览: 137
ms题_js_bootstrap编程题_bootstrap_
如果要在超小屏幕中显示某一列,在其他屏幕中隐藏该列,可以使用Bootstrap中的`.col-xs-*`和`.hidden-*`类名进行设置。其中,`.col-xs-*`类名用于设置在超小屏幕(<768px)中元素的列宽,而`.hidden-*`类名用于设置在其他屏幕中隐藏元素。
例如,如果要在超小屏幕中显示某一列,在其他屏幕中隐藏该列,可以使用如下代码:
```html
<div class="col-xs-12 hidden-sm hidden-md hidden-lg">这里是超小屏幕中显示的内容</div>
```
在上面的代码中,`.col-xs-12`表示在超小屏幕中该列占据12个列,而`.hidden-sm`、`.hidden-md`和`.hidden-lg`表示在其他三种屏幕中隐藏该列,从而实现了在超小屏幕中显示该列,在其他屏幕中隐藏该列的效果。
阅读全文