Не выпадает подменю

257
15 ноября 2018, 08:20

Не выпадает подменю Bootstrap 3

Мой код:

<!DOCTYPE html> 
<html lang="ru"> 
 
<head> 
 
 
  <script data-require="jquery@1.10.0" data-semver="1.10.0" src="http://code.jquery.com/jquery-1.10.0.min.js"></script> 
  <script data-require="bootstrap@3.3.5" data-semver="3.3.5" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
  <script data-require="angular.js@1.5.5" data-semver="1.5.5" src="app"></script> 
 
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> 
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
 
</head> 
<body> 
 
  <div class="navbar navbar-default navigation-mobile col-md-12" role="navigation"> 
 
    <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
    			<span class="sr-only">Toggle navigation</span> 
    			<span class="icon-bar"></span> 
    			<span class="icon-bar"></span> 
    			<span class="icon-bar"></span> 
    		  </button> 
    </div> 
 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
        <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
            <li><a href="#">Действие</a></li> 
            <li><a href="#">Другое действие</a></li> 
            <li><a href="#">Что-то еще</a></li> 
            <li class="divider"></li> 
            <li><a href="#">Отдельная ссылка</a></li> 
            <li class="divider"></li> 
            <li><a href="#">Еще одна отдельная ссылка</a></li> 
          </ul> 
        </li> 
      </ul> 
    </div> 
    <!-- /.navbar-collapse --> 
  </div> 
 
</body>

Answer 1

Вы подлючали скрипт bootstrap двух разных версий, из за этого был конфликт

<script data-require="jquery@1.10.0" data-semver="1.10.0" src="http://code.jquery.com/jquery-1.10.0.min.js"></script> 
 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
 
 
<div class="navbar navbar-default navigation-mobile col-md-12" role="navigation"> 
 
  <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
    			<span class="sr-only">Toggle navigation</span> 
    			<span class="icon-bar"></span> 
    			<span class="icon-bar"></span> 
    			<span class="icon-bar"></span> 
    		  </button> 
  </div> 
 
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
          <li><a href="#">Действие</a></li> 
          <li><a href="#">Другое действие</a></li> 
          <li><a href="#">Что-то еще</a></li> 
          <li class="divider"></li> 
          <li><a href="#">Отдельная ссылка</a></li> 
          <li class="divider"></li> 
          <li><a href="#">Еще одна отдельная ссылка</a></li> 
        </ul> 
      </li> 
    </ul> 
  </div> 
  <!-- /.navbar-collapse --> 
</div>

READ ALSO
Как добавлять пометки на картинку и сохранять их в БД?
HTML

Как добавлять пометки на картинку и сохранять их в БД?

Я хочу в книге делать мои пометки и комментарии и писать ответыКниги в pdf формате

 288
Не хочет работать animate в jQuery. Почему?
jQuery

Не хочет работать animate в jQuery. Почему?

Вот так работает:

 228
Не правильная анимация на Bootstrap 4 карусель
jQuery

Не правильная анимация на Bootstrap 4 карусель

При пролистывании карусели происходит как будто бы раздвоение конента с ужасным эффектом

 182
Закрытие блока, при клике вне него
jQuery

Закрытие блока, при клике вне него

У меня есть блок, допустим <div class="wallets-deposit__inner" id="DEP">он вложенныйКак сделать так, чтобы при клике вне него, меня переносило на определенную...

 239