显示一个"；可见lg“；通过jQuery在移动设备中使用div

这个问题听起来很奇怪，因为如果我在引导上定义一个带有“visible lg”属性的div，我这样做是为了只在桌面设备上显示。但是我希望使用这些类为响应性布局提供某种行为

我想要实现的是：我有3列（col-lg-2、col-lg-3和col-lg-7）。最后2列（lg-3和lg-7）都具有“可见lg”属性，这样在移动设备上我只看到第一列。我想要实现的是：当我点击某个按钮时（只有第一列有“visible xs”的手机才能看到），我会做如下操作：

$(".btn1").click(function(){
    $(".col1").slideUp(); //hide the first col
    $(".col2").slideDown(); //show the second (with visible-lg)
});

我为什么要这个？让我们假设当用户点击这个按钮时，我用他点击的第一个按钮的特定内容填充第二列，现在我想用内容显示第二列。但我想在移动设备上每次只显示一个专栏，使其具有响应性

---

使用bootstrap+jQuery的响应实用程序可以做到这一点吗？或者我需要编写一个新的CSS类？

好的，我仍然不确定这是否能按照我的要求工作（包括完整的细节等），但要显示以前在移动设备上隐藏的div，而不是使用：

$（“.col2”）.slideDown（）

我用过：

$（“.col2”）.toggleClass（“可见xs”）

通过这种方式，我添加了“visible xs”类，它在移动设备上也变得可见

从v3.2.0开始，

visible lg

，

visible xs

等都不推荐使用。您应该使用描述其应如何可见的对应项（例如，

visible lg inline

或

visible xs block

）。