垂直菜单引导程序中的自动更改位置子菜单答案

【问题标题】：Auto change position submenu in vertical menu bootstrap垂直菜单引导程序中的自动更改位置子菜单
【发布时间】：2014-03-26 20:04:29
【问题描述】：

在http://www.bootply.com/122674 中使用垂直菜单引导程序时出现问题右侧菜单时，子菜单不会自动改变位置。

谢谢！

【问题讨论】：

标签： css twitter-bootstrap menu twitter-bootstrap-3 submenu

【解决方案1】：

这个右对齐的例子有效..

http://www.bootply.com/124937

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:-95%;max-width:180px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#999;margin-top:5px;margin-right:10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}

【讨论】：

感谢您的回答。请查看图片a.imageshack.us/img850/8020/pub4.png 当菜单向右滑动条时，子菜单的位置自动切换到左侧菜单。