CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
Sina Sohi
Sina Sohi

Reputation: 2779

Why doesn't bootstrap dropdown menu work for me?

I can't seems to make a bubble dropdown appear with bootstrap. I have the following cripts in my html head:

    <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">

I have the following in my 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: '';
}

And in my HTML i tried to use the drop down with the following code:

<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>

Upvotes: 0

Views: 233

Answers (1)

Ben
Ben

Reputation: 1493

@Kyle Needham is correct, you don't have bootstrap.js in the code on your page at http://servers.binf.ku.dk/hemaexplorerbeta/

Upvotes: 1

Related Questions