css - Bootstrap - 是否可以在 Bootstrap 3 中切换到左侧效果?

标签 css twitter-bootstrap-3 toggle slidetoggle

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

我只是想知道是否可以使用 Bootstrap 3 实现,如果不行我就自己制作脚本。我是 Bootstrap 的新手,也是 JS 的新手。

非常感谢任何帮助! :)

最佳答案

好吧,你完全没有自己的东西,这也不是编码服务,所以我会给你工具来做到这一点:你可以使用(例如)Google Nexus Website Menu来自 Codrops 教程并轻松将其改编为 Bootstrap 或 Foundation,我已经为两者完成了,所以我可以向你保证这非常容易。作为提示,您会看到 <div class="container">这就像任何 <div class="container">在 Bootstrap 中,然后将内容和菜单宽度更改为 col-md-3col-md-9或者你需要的任何东西。

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

当然,这些只是一些建议,您也可以使用自己的示例,有成千上万种方法可以做到这一点,但如果您对 JQuery 了解不多,我猜这两个教程会很有帮助你因为它们对有经验的编码员和新手都同样有效

关于css - Bootstrap - 是否可以在 Bootstrap 3 中切换到左侧效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25840089/

相关文章:

javascript - 使用 Div 和 .load 显示图像

javascript - Prettify.js(语法高亮显示)不适用于 Tumblr 主题!

html - 使用选项卡内的列时不显示选项卡背景

HTML, Bootstrap 3 : curved bottom brand navbar

javascript - 试图在两个图标之间切换

jquery - 如何对齐(宽度方向) Bootstrap 选择下拉列表与输入框?

twitter-bootstrap - 分组 ng-repeat 项目

css - 外部 CSS : Body Background Color Won't Change

button - TinyMCE 4 切换工具栏按钮状态

javascript - 使用纯 JavaScript 显示更多/显示更少多个元素的切换按钮 [无 jQuery]