Bootstrap version 2.3 does not work drop-down lists

<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Bootstrap 101 Template

  <link href="../css/bootstrap.css" rel="stylesheet"> <script src="../js/bootstrap 2.2.4.min.js"></script> <script src="../js/bootstrap.js"></script> </head> <body> <div class="navbar"> <div class="navbar-inner"> <a class="brand" href="#">Title</a> <ul class="nav"> <li class="divider-vertical"></li> </ul> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <ul class="nav"> <li class="divider-vertical"></li> </ul> </ul> <ul class="nav nav-pills"> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Меню<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Текст подпункта</a></li> <li><a href="#">Текст подпункта</a></li> <li class="divider"></li> <li><a href="#">Текст подпункта</a></li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Меню<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Текст подпункта</a></li> <li><a href="#">Текст подпункта</a></li> <li class="divider"></li> <li><a href="#">Текст подпункта</a></li> </ul> </li> </ul> </div> </div> </body>

This is the final working version .... !!! Thanks to all !!!

  • <script src = "../ js / bootstrap.min.js"> </ script> <script src = "../ js / bootstrap.js"> </ script> something one needs to be disabled - kandellak
  • @kandellak is not easy to disable, but also to be sure that the bootstrap is built with a dropdown - Mr. Brightside
  • ! function ($) {"use strict"; // jshint; _; / * DROPDOWN CLASS DEFINITION * ========================= * / var toggle = '[data-toggle = dropdown]', Dropdown = function ( element) {var $ el = $ (element) .on ('click.dropdown.data-api', this.toggle) $ ('html'). on ('click.dropdown.data-api', function () {$ el.parent (). removeClass ('open')})} and the like .... ive min.js and in .js have this function, tried to disconnect something that doesn't help ... - Aleksandr_sf
  • Why are you the same script, connected 4 times on the page?) codepen.io/bustexz/pen/LZZQXW everything works ... - Vasily Barbashev
  • Disabled did not help ... I wrote the same, I left only <script src = "../ js / bootstrap.js"> </ script>; <script src = "../ js / jquery-1.4.4.min.js"> </ script>; <link href = "../ css / bootstrap.css" rel = "stylesheet"> in the header ... - Aleksandr_sf

0