BOOTSTRAP. Неизвестная ошибка в коде!!!
Добрый день, уважаемые посетители данного сайта!
В настоящее время я изучаю фреймворк 'BOOTSTRAP' и в свете данного обучения составил такой код: =============================================== <!DOCTYPE html> <html lang="ru"> <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 Template</title> <!-- Bootstrap --> <link rel="stylesheet" href="assets/css/bootstrap.css"> <link rel="stylesheet" href="style.css"> <!-- 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.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="row"> <h1>Название сайта</h1> <div class="navbar navbar-inverse"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#responsive-menu"> <span class="sr-only">Открыть навигацию</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand" href="#">Название компании</a>--> </div> <div class="collapse navbar-collapse navbar-right" id="responsive-menu"> <ul class="nav navbar-nav"> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> </ul> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-sm-6" style="background-color:Aqua"> <div class="row"> <div class="col-sm-4" style="background-color:Lime"></div> <div class="col-sm-4" style="background-color:Teal"></div> <div class="col-sm-4" style="background-color:Red"></div> </div> </div> <div class="col-sm-4 hidden-sm visible-md" style="background-color:MediumSlateBlue"></div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="assets/js/bootstrap.min.js"></script> </body> </html> =============================================== В данном коде вроде как при уменьшении окна браузера справа появляется небольшая кнопка с тремя белыми короткими горизонтальными линиями, при нажатии на которую должно появляться окно навигации, НО ЭТОГО ПОЧЕМУ-ТО НЕ ПРОИСХОДИТ!:((( Я предполагаю, что моя допущенная ошибка находится в данном участке кода: =============================================== <div class="container"> <div class="row"> <h1>Название сайта</h1> <div class="navbar navbar-inverse"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#responsive-menu"> <span class="sr-only">Открыть навигацию</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand" href="#">Название компании</a>--> </div> <div class="collapse navbar-collapse navbar-right" id="responsive-menu"> <ul class="nav navbar-nav"> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> </ul> </div> </div> </div> </div> </div> =============================================== |
Смотрите консоль браузера, если ошибок нет, то смотрите документацию к используемому компоненту.
Для того, чтобы отформатировать код, его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
| Часовой пояс GMT +3, время: 03:14. |