Twitter bootstrap 3 面板内的引导下拉菜单

我在面板中有一个引导下拉菜单。我的问题是，它不能很好地处理菜单碰到面板边界时发生的事情。例如，如果它到达底部边框，我希望它滚动。此外，更重要的是，如果它离开屏幕的右侧，我更希望它要么向左走，要么甚至忽略面板边界，走出面板

作为示例，请参见下面的小提琴。单击下拉按钮以查看菜单。将鼠标悬停在“Filter Type”（过滤器类型）选项上以获得右侧的菜单。特别是，请注意第一个下拉列表中的Filter Type子菜单与第二个下拉列表中的Filter Type子菜单

过滤器类型

包含
相等于
少于
大于


第1行
第2排
第3排
第4排
第5行
第6行
第7排
第8行
第9行
第10行



过滤器类型

包含
相等于
少于
大于


第1行
第2排
第3排
第4排
第5行
第6行
第7排
第8行
第9行
第10行

X

标题








滑块，
迷你旋转木马，
开关，
手风琴/折叠，
导航栏，
同位素，
卡，
莫里斯图表，
谷歌图表，
字体

示例：

标题








滑块，
迷你旋转木马，
开关，
手风琴/折叠，
导航栏，
同位素，
卡，
莫里斯图表，
谷歌图表，
字体

示例：

只需将

class=“dropdown submenu pull left”

添加到要在左侧打开的下拉子菜单中，并将以下css添加到要向左对齐的子菜单中

#main_sub > .dropdown-menu{
position: absolute;
left: 0;

top: 0;
margin-left: -150px;
}

只需将

class=“dropdown submenu pull left”

添加到要在左侧打开的下拉子菜单中，并将以下css添加到要向左对齐的子菜单中

#main_sub > .dropdown-menu{
position: absolute;
left: 0;

top: 0;
margin-left: -150px;
}

---

这有助于提示我，正是溢出属性让我感到不适。谢谢这有助于提示我，正是溢出属性让我感到不适。谢谢

#main_sub > .dropdown-menu{
position: absolute;
left: 0;

top: 0;
margin-left: -150px;
}