Css 引导3个面板在响应视图中

我在布局中使用了四个面板，每个面板都是全宽的。它们应该在sm和xs视图中很好地堆叠。我已经设置了面板没有样式时，在md和lg视图大小的工程，因为它应该

当仅在sm和xs视图中时，如何使它们显示为折叠？目前，它们是开放的，这是正常的，但考虑到一些数据的高度，如果我可以有一个初始状态是折叠的，这将是更好的

无法将代码放在这里，因为它充满了其他数据库、js和其他东西的负载，因为我们仍在构建它，并且还没有清理到文件中。

1）需要

div class=“row”

2）

col xs-

是自动的，因为所有人都不需要呼叫其他人

col sm

，

md

或

lg

无论如何都会像col xs、col sm、col md和col lg一样工作 看这里

基本面板示例
基本面板示例
基本面板示例
基本面板示例

---

现在，如果您只想为col lg和col md显示

你需要这个：

<div class="row">
    <div class="col-md-6 col-lg-6 visible-md visible-lg hidden-xs hidden-md">

    </div>
</div>

1）需要

div class=“row”

2）

col xs-

是自动的，因为所有人都不需要呼叫其他人

col sm

，

md

或

lg

无论如何都会像col xs、col sm、col md和col lg一样工作 看这里

基本面板示例
基本面板示例
基本面板示例
基本面板示例

---

现在，如果您只想为col lg和col md显示

你需要这个：

<div class="row">
    <div class="col-md-6 col-lg-6 visible-md visible-lg hidden-xs hidden-md">

    </div>
</div>

另一方面，我知道使用“in”类可以打开它们。如果我删除了这个类，那么它们的md和lg大小将被压缩，这不是我想要的。如果你不能在这里放置代码，那么我们就不能在这里放置答案！然而，下面有一个答案……我知道，在课堂上使用“in”会让他们变得开放。如果我删除了这个类，那么它们的md和lg大小将被压缩，这不是我想要的。如果你不能在这里放置代码，那么我们就不能在这里放置答案！然而，下面有一个答案。。。