Twitter bootstrap twitter引导折叠-仅在桌面上可见

我正在做一个项目，我们正在使用twitter引导。有一个侧边栏，我已经设置有一个折叠按钮，它隐藏在桌面上，在任何其他更小的分辨率上都可见。我想设置它，使折叠是在桌面上打开，并关闭任何其他时间。代码如下所示：

<p class="lead visible-desktop"><i class="icon-search"></i> Quick Search</p>
     <button type="button" class="btn hidden-desktop" data-toggle="collapse" data-target="#quicksearch"><i class="icon-search"></i> Quick Search</button>
     <div id="quicksearch" class="in">
          some content here...
     </div>

快速搜索

快速搜索 这里有一些内容。。。

---

有人能给我指出正确的方向吗？

以防万一有人找我，我就是这么做的

jquery解决方案：

此代码

<div id="quicksearch" class="in">
      some content here...
 </div>

---

您应该查找css媒体查询。这里有一个可能帮助你开始的例子：这个问题不仅在Bootstrap文档中有很好的记录，而且在谷歌上也很容易找到。答案也不正确。有很好的记录吗？请提供链接、代码或删除您的投票。我花了两个晚上的大部分时间寻找解决方案，然后自己创建了一个。它不能被很好地记录下来。是的，bootstrap文档提供了有关如何将折叠状态设置为“in”或“out”的文档，但bootstrap没有提供根据加载时的屏幕宽度动态更改in/out状态的选项，也没有提供在不复制代码的情况下调整大小的选项。这正是我需要做的，这是正确的解决方案。显然你没有正确地解释我的问题。此外，$（'myCollapsible'）.collapse（{toggle:false}）或其任何变体也没有。

<div id="quicksearch">
      some content here...
 </div>

var toggleBlock = function() {
    var windowsize = $(window).width(),
        isDesktop = windowsize > 765;
    $("#quicksearch").toggleClass("collapse out", !isDesktop);
}

$(document).ready(toggleBlock);
$(window).on("resize.showContent", toggleBlock);
toggleBlock();