如何在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; }