CODEWITHSUNDEEP
jquerycsstwitter-bootstraptwitter-bootstrap-3
Daniel
Daniel

Reputation: 6039

Bootstrap button not working (not opening when clicking)

Below is my snippet for using Bootstrap which contains a single drop-down button. Any idea why it is not working? (when I click it just doesn't open anything).

I saw similar posts here and here. But none of the suggested solutions solutions solved my problem. 

<html> 
    <head> 
        <title>Bootstrap 3 </title>
        <link href ="css/bootstrap.css" rel = "stylesheet">
        <link href ="css/bootstrap.min.css" rel = "stylesheet">
        <link href ="css/bootstrap-theme.min.css" rel = "stylesheet">
        <link href ="css/styles.css" rel = "stylesheet">

        <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head> 
    <body> 


        <!-- Single button -->
        <div class="btn-group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
            Action <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div>


    </body> 
</html>

Upvotes: 2

Views: 6158

Answers (1)

Lumi Lu
Lumi Lu

Reputation: 3305

Cannot recognize jquery.js file. Please change this 

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

to 

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

Upvotes: 3

Related Questions