显示右侧的bootstrap hover下拉列表

Question

我了解这个插件： https://github.com/CWSpear/bootstrap-hover-dropdown

有一些选项（HTML属性），例如：data-hover =＆＃34; dropdown＆＃34; ，数据肘节=＆＃34;下拉＆＃34; ，...

但是我找不到在列表触发元素右侧显示下拉列表的选项。

例如：data-placement =＆＃34; right＆＃34;或=＆＃34;左＆＃34;。

This demo仅显示左侧展示位置：

---

的确，我想这样：

Answer 1

您使用.dropdown-menu-right。自3.1起，.pull-right实用程序已弃用。

<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel">
...
</ul>

请参阅Bootstrap文档中的Alignment Options。

Answer 2

为ul.dropdown-menu

添加课程右拉

<ul class="dropdown-menu pull-right"> ... </ul>

以下是演示：http://jsfiddle.net/hqxcC/1/