Question

我似乎无法使用bootstrap显示气泡下拉列表。我的html头中有以下cripts：

    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script src="processing.js" type="text/javascript"></script>
    <script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/lib/bootstrap-2.0.2.js"></script>
    <link rel="stylesheet" href="bootstrap.css" type="text/css">

我的CSS中有以下内容：

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

在我的HTML中，我尝试使用以下代码下拉：

<div class="dropdown">
    <button data-toggle="dropdown" id="submitButton" type="button" id="pops" >Select Populations</button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                    ...
    </ul>
</div>

Answer 1

@Kyle Needham是正确的，你的页面代码中没有bootstrap.js http://servers.binf.ku.dk/hemaexplorerbeta/

为什么没有bootstrap下拉菜单适合我？

1 个答案: