如何在bootstrap中从左到右进行滑动切换?

    

我在移动视图上使用bootstrap作为响应式导航栏。 单击按钮时,导航栏菜单从上到下显示。

我该怎么做才能从左到右?(请记住将窗口调整为移动尺寸)。

你可以看看这个流行的Bootstrap fork: Jasny Bootstrap

它与左效果有相同的幻灯片。

您需要覆盖以下两个属性来存档它。 在这里你也应该使用pull-left bootstrap类,这个类元素只移动到左侧但不设置边距。 我认为你应该根据要求覆盖。

 .nav-left{ float: left !important; margin: 8px 15px !important; } 
     

使用Jasny Bootstrap插入式插件,默认类是“navmenu-fixed-left”。 您可以将类更改为“navmenu-fixed-right”以使菜单从右侧滑入:

  

如果您还希望切换按钮显示在右侧,则需要调整一些CSS:

 .navbar-default .navbar-toggle-box { float: right; margin-left: 15px; margin-right: 0; margin-top: 0; position: absolute; right: 0; }