Bootstrap - 是否可以在 Bootstrap 3 中实现向左的切换推送效果？答案

【问题标题】：Bootstrap - Is it possible to have a toggle push to the left effect in Bootstrap 3?Bootstrap - 是否可以在 Bootstrap 3 中实现向左的切换推送效果？
【发布时间】：2014-11-08 12:14:22
【问题描述】：

我正在尝试使用带有垂直粘性导航的 Bootstrap 制作网站。现在，当在移动设备上查看我的网站时，我想为它添加一个toggle push 效果，就像这支笔所示：http://codepen.io/mathelme/full/dHIah

我只是想知道是否可以使用 Bootstrap 3 来实现，如果没有，我将制作自己的脚本。我是 Bootstrap 的新手，对 JS 也有点陌生。

非常感谢任何帮助！ :)

【问题讨论】：

Bootstrap 为他们的组件提供 css 和为他们的组件提供 js，这些都不是你描述的。如果您可以创建自己的 css 和 jQuery，那么这可以完成。我一直都这样做，但我不使用 Bootstrap，因为使用他们的类需要重写他们的样式，而且一团糟。

标签： css twitter-bootstrap-3 toggle slidetoggle

【解决方案1】：

好吧，你自己一无所有，这也不是编码服务，所以我会给你工具来做到这一点：你可以使用（例如）来自 Codrops 教程的Google Nexus Website Menu 并轻松适应它对于 Bootstrap 或 Foundation，我已经为两者都做过了，所以我可以向你保证这非常容易。作为提示，您会看到 <div class="container"> 与 Bootstrap 中的任何 <div class="container"> 一样，然后只需将内容和菜单宽度更改为 col-md-3 和 col-md-9 或您需要的任何内容。

你也可以使用同一站点的this tutorial，同样简单，你只需要注意你放置菜单部分的位置，并最终在你的Jquery中更改目标div，但它真的很简单，基本上是替换那些用于 Bootstrap div 的非 Bootstrap div 就是这样。

当然，这些只是一些建议，您也可以使用自己的示例，并且有成千上万种方法可以做到这一点，但是如果您对 JQuery 不太了解，那么这两个教程可能会有所帮助你，因为它们对于有经验的编码人员和新手同样适用

【讨论】：