css - 使用 hidden-xs 和 visible-xs 的最佳方式

Question

我有一些代码显示元素列表，元素左侧有一条垂直线。垂直线由下面的 div 定义中包含的 snippet1-sections 类触发。

如果我想让垂直线出现在平板电脑和台式机上而不是手机上，最好的设置方法是什么而不重复手机版本的整个元素列表？我可以在 css 中做吗？

<div class="row-fluid snippet1-sections">

   My list of items...

</div>

CSS:

.snippet1-sections{
    background:url('../../graphics/snippet1-vertical-divider.jpg') center center repeat-y;
}

Answer 1

在垂直线上使用 Bootstrap 中的此类 .hidden-xs这样 class= "hidden-xs"