使用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

在垂直线.hidden-xs上使用bootstrap中的此类 以这种方式class= "hidden-xs"