Bootstrap отзывчивое меню не работает должным образом

-2

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap 101 Template</title> 

    <!-- Bootstrap --> 
    <link href="css/bootstrap.css" rel="stylesheet"> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <nav class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".nav-collapse" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Project name</a> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> 
       <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 class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 

     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 
     <script src="js/jquery-1.11.2.js"></script> 
     <script src="js/bootstrap.min.js"></script> 

    </body> 
</html>

Привет всем ... на приведенной выше странице начальной загрузки чувствительное меню не работает должным образом ... Я не могу найти ошибку. может кто-нибудь помочь мне в этом. Я попытался проверить столько старых вопросов в стеке ... но проблема все же не решена.Bootstrap отзывчивое меню не работает должным образом

источник

2015-01-29 krb

Что работает неправильно? И что вы пытаетесь сделать? – pbenard

Заменить data-target=".nav-collapse" на data-target="#navbar"

Bootply: http://www.bootply.com/MxYzyrvuOA#

источник

2015-01-29 15:10:46 pbenard

нет ... его не работает ... есть ли какие-либо проблемы с моими файлами JS ... когда я перехожу на мобильный размер, меню находится в открытом режиме по умолчанию ... Я имею в виду, что переключение не происходит. . – krb

У вас есть ошибка в вашем инспекторе браузера? – pbenard

noo ... Я тоже это проверил .... – krb

Существовал проблема с JS-файла: вместо bootstrap.min.js я bootstrap.js.

Проблема разрешена.

источник

2015-01-29 15:33:25 krb

Bootstrap отзывчивое меню не работает должным образом

ответ

Смежные вопросы