Jquery 如何在桌面上使用切换功能制作引导折叠菜单
我正在尝试重新创建一个桌面版的移动菜单，使用引导和它的切换功能 现在，我在桌面上有了这个： 我曾尝试在桌面上获得类似的东西，因为我已经在移动设备上有了它，但我希望在桌面上也有这样的东西： 问题是，每当我尝试将按钮放置在右侧时，它总是滚动到左中心，并且即使更改css中的位置值，选项也不会显示 到目前为止，我掌握的代码如下： .pen.navbar切换{ 边界：无； 背景：透明！重要； } .pen.navbar切换：悬停{ 背景：透明！重要； } .pen.navbar切换.图标栏{ 宽度：22px； -webkit转换：所有0.2秒； 过渡：均为0.2s； } /*动画X*/ .navbar切换.x.图标栏：第n种类型1{ -webkit变换：旋转45度； -ms变换：旋转45度； 变换：旋转45度； -webkit转换来源：10%10%； -ms转换来源：10%10%； 变换原点：10%10%； } .navbar切换.x.图标栏：第n种类型2{ 不透明度：0； 过滤器：alphaopacity=0； } .navbar切换.x.图标栏：第n种类型3{ -webkit变换：旋转-45度； -ms变换：旋转-45度； 变换：旋转-45度； -webkit转换来源：10%90%； -ms转换起点：10%90%； 变换原点：10%90%； } /*动画X崩溃了*/ .navbar-toggle.x.折叠。图标栏：第n个类型1{ -webkit转换：rotate0； -ms变换：旋转0； 变换：旋转0； } .navbar-toggle.x.折叠。图标栏：第n个类型2{ 不透明度：1； 过滤器：alphaopacity=100； } .navbar-toggle.x.折叠。图标栏：第n个类型3{ -webkit转换：rotate0； -ms变换：旋转0； 变换：旋转0； } /*结束动画X*/ /*动画右箭头*/ .navbar-toggle.rarr.collapped.图标栏：第n个类型1{ 变换：平移3d0,0,0旋转0度； 变换原点：右上角； 宽度：22px； } .navbar-toggle.rarr.collapped.图标栏：第n个类型2{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.rarr.collapped.图标栏：第n个类型3{ 变换：平移3d0,0,0旋转0度； 变换原点：右下角； 宽度：22px； } .navbar-toggle.rarr.图标栏：第n个类型1{ 变换：平移3d11px，6px，0旋转45度； 变换原点：右上角； 宽度：11px； } .navbar-toggle.rarr.图标栏：第n种类型2{ /*变换：scale0.75；*/； } .navbar-toggle.rarr.图标栏：第n种类型3{ 变换：平移3d11px，-6px，0旋转-45度； 变换原点：右下角； 宽度：11px； } /*结束动画右箭头*/ /*动画左箭头*/ .navbar-toggle.larr.collapped.图标栏：第n个类型1{ 变换：平移3d0,0,0旋转0度； 宽度：22px； } .navbar-toggle.larr.collapped.图标栏：第n个类型2{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.larr.collapped.图标栏：第n种类型3{ 变换：平移3d0,0,0旋转0度； 宽度：22px； } .navbar-toggle.larr.图标栏：第n个类型1{ 变换：平移3d0px，6px，0旋转45度； 变换原点：左上； 宽度：11px； } .navbar-toggle.larr.图标栏：第n个类型3{ 变换：平移3d0px，-6px，0旋转-45度； 变换原点：左下角； 宽度：11px； } /*结束动画左箭头*/ /*动画向上箭头*/ .navbar-toggle.uarr.collapped.图标栏：第n个类型1{ 变换：平移3d0,0,0旋转0度； 宽度：22px； } .navbar-toggle.uarr.collapped.图标栏：类型2的第n个{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.uarr.collapped.图标栏：第n个类型3{ 变换：平移3d0,0,0旋转0度； 宽度：22px； } .navbar-toggle.uarr.图标栏：第n个类型1{ 变换：平移3d1px，0,0旋转-45度； 变换原点：中心； 宽度：11px； } .navbar-toggle.uarr.图标栏：第n种类型2{ 变换：旋转-90度； 变换原点：中心； } .navbar-toggle.uarr.图标栏：第n种类型3{ 变换：平移3d0px，-14px，0旋转-135度； 变换原点：右上角； 宽度：11px； } /*结束向上箭头*/ /*动画增强版*/ .navbar-toggle.plus.collapsed.图标栏：第n个类型1{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.plus.collapsed.图标栏：第n个类型2{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.plus.collapsed.图标栏：第n个类型3{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.plus.图标栏：第n种类型1{ 变换：平移3d0px，6px，0旋转90度； 变换原点：中心； } .navbar-toggle.plus.图标栏：第n种类型3{ 变换：平移3d0px，-6px，0旋转-90度； 变换原点：中心； } /*结束动画加*/ /*动画负号*/ .navbar-toggle.减号.collapsed.图标栏：第n个类型1{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.减号.collapsed.图标栏：第n个类型2 { 变换：平移3d0,0,0旋转0度； } .navbar-toggle.减号.collapsed.图标栏：第n个类型3{ 变换：平移3d0,0,0旋转0度； } .navbar-toggle.减号。图标栏：第n个类型1{ 变换：translate3d0,6px,0； } .navbar-toggle.minus.图标栏：第n种类型3{ 变换：translate3d0，-6px，0； } /*结束动画减号*/ /*强制导航杆-切换*/ .笔.导航栏标题{ 浮动：无； } .pen.navbar切换{ 显示：块； } .pen.navbar崩溃{ 边框顶部：1px实心透明； 盒影：插入0 1px 0 RGBA255255,0.1； } .pen.navbar-collapse.collapse{ 显示：无！重要； } .笔.导航栏导航{ 浮动：无！重要； 利润率：7.5px-15px； } .pen.navbar导航>li{ 浮动：无； } .pen.navbar导航>李>a{ 填充顶部：10px； 垫底：10px； } .pen.navbar-collapse.collapse.in{ 显示：块！重要； } .pen.navbar品牌{ 字体大小：14px； } 我希望这将有助于： 引导示例 可折叠导航条 单击右上角的th按钮以显示导航链接Jquery 如何在桌面上使用切换功能制作引导折叠菜单,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,我正在尝试重新创建一个桌面版的移动菜单，使用引导和它的切换功能 现在，我在桌面上有了这个： 我曾尝试在桌面上获得类似的东西，因为我已经在移动设备上有了它，但我希望在桌面上也有这样的东西： 问题是，每当我尝试将按钮放置在右侧时，它总是滚动到左中心，并且即使更改css中的位置值，选项也不会显示 到目前为止，我掌握的代码如下： .pen.navbar切换{ 边界：无； 背景：透明！重要； } .pen.navbar切换：悬停{ 背景：透明！重要； } .pen.navbar切换.图标栏{ 宽度：22
很高兴这很有帮助