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

: 3960 At:- 12/21/2017 7:25:14 AM

HTML bootstrap bootstrap-dropdown-not-working

add comment to question

1 Answers

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

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

Check, if you have included boostrap.min.js reference twice by mistake, if it is the case, remove one refernce
Check, if you added any .css or .js file which is conflicting with the bootstrap.css or bootstrap.js