具有下拉菜单的Bootstrap输入组

Question

我正在使用Legacy Bootstrap版本（2.3）来支持不会很快升级的工具。

我正在尝试制作一个简单的滤镜样式下拉菜单输入组，但我在菜单上遇到了一些问题。

这是我的代码：

SUBDIRS = sub1 sub2 …
lib_LTLIBRARIES = libtop.la
libtop_la_SOURCES =
# Dummy C++ source to cause C++ linking.
nodist_EXTRA_libtop_la_SOURCES = dummy.cxx
libtop_la_LIBADD = \
  sub1/libsub1.la \
  sub2/libsub2.la \
  …

我要做的是点击“开始日期”或“结束日期”下拉菜单时触发下拉菜单。似乎没有发生任何事情，我不太清楚为什么。

我创建了一个小提示来显示问题：http://jsfiddle.net/3h6x6ztw/1/

我的目标是让下拉菜单显示在按钮下方，就像通常在下拉菜单中一样。不确定这是我缺少的还是语法问题。

Answer 1

在Bootstrap插件中可以单独包含（使用Bootstrap的各个* .js文件），也可以一次性包含（使用bootstrap.js或缩小的bootstrap.min.js）。

某些插件和CSS组件依赖于其他插件。如果单独包含插件，请确保在文档中检查这些依赖项。另请注意，所有插件都依赖于jQuery（这意味着必须在插件文件之前包含jQuery）。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

此外，您必须为button和ul.dropdown-menu position: relative设置内容，因为ul.dropdown-menu有position: absolute默认的引导程序为{{1} }}

类似的东西：

btn-group

Here a jsfiddle example to play with