CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
Irfan Y
Irfan Y

Reputation: 1310

bootstrap dropdown list not working

When i click on dropdown button, list does does not drop down. I have added 3 links from http://getbootstrap.com/getting-started/ (Bootstrap CDN) to include bootstrap.

 <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

            Dropdown
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
            <li role="presentation" class="divider"></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
        </ul>
    </div>

Upvotes: 0

Views: 110

Answers (1)

ylerjen
ylerjen

Reputation: 4259

Add this lines into your html in the <head> :

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- jquery 1.11 minified JavaScript -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Upvotes: 1

Related Questions