Bootstrap dropdown not working


Suddenly, my bootstrap dropdown is not working on my website here is the code 

<div class="dropdown pull-right">
                    <button class="btn btn-primary margin-right-below989" type="button" data-toggle="dropdown" aria-expanded="false">
                        <i class="fa fa-star"></i> Application
                    </button>
                    <div class="dropdown-menu dropdown-menu-left white-bloack-1" role="menu">
                       <span class="DDLcontentHeadTab"> 
                           <a href="/System" class="dropdown-item AppSelect stopAjax"><i class="fa fa-hand-o-right iconHand hide"></i> System</a>
                           <a href="/Support" class="dropdown-item AppSelect stopAjax"><i class="fa fa-hand-o-right iconHand hide"></i> Support</a>
                       </span>
                    </div>
                </div>

I have included, both jQuery and boostrap.min.js references and it was working a few days ago, but suddenly my dropdown code is not working.

There is no error in the console of the browser also.

How to resolve it?


Asked by:- jaiprakash
0
: 559 At:- 12/21/2017 7:25:14 AM
HTML bootstrap bootstrap-dropdown-not-working






1 Answers
profileImage Answered by:- bhanu

Looking at your HTML, I don't think we can figure out the issue, asi it looks ok to me, basically, issue can be related to following things

  1. Check if you have added boostrap.min.js reference, after jquery.js reference
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"
    			  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
    			  crossorigin="anonymous"></script>
    
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
    		?
  2. Check, if you have included  boostrap.min.js reference twice by mistake, if it is the case, remove one refernce
  3. Check, if you added any .css or .js file which is conflicting with the bootstrap.css or bootstrap.js
1
At:- 12/22/2017 9:43:41 AM Updated at:- 12/22/2017 9:43:54 AM
error occurred because I was referring boostrap.min.js reference twice by mistake 0
By : jaiprakash - at :- 1/2/2018 8:21:58 AM





Login/Register to answer
Or
Register directly by posting answer/details

Full Name *

Email *




By posting your answer you agree on privacy policy & terms of use