0
0
<!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">
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>Киномонстр Bootstrap</title>

	<!-- Bootstrap -->
	<link href="assets/css/bootstrap.min.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.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-fluid">
  		<div class="row">

  			<nav role="navigation" class="navbar navbar-inverse">
  				<div class="container">
  					<div class="navbar-header">
  						<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
  							<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 id="navbarCollapse" class="collapse navbar-collapse navbar-right">

  						<ul class="nav nav-pills">
  							<li class="active"><a href="#">Главная</a></li>
  							<li><a href="#">Фильмы</a></li>
  							<li><a href="#">Сериалы</a></li>
  							<li><a href="#">Рейтинг фильмов</a></li>
  							<li><a href="#">Контакты</a></li>
  						</ul>




  					</div>
  				</div>
  			</nav>

  		</div>
  	</div>
  	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  	<script src="https://<ajax class="googlea"></ajax>pis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  	<!-- Include all compiled plugins (below), or include individual files as needed -->
  	<script src="assestsjs/bootstrap.min.js"></script>
  </body>
  </html>

Almaz Chomonov
5 years ago






тут какая-то строчка странная <script src="https://<ajax class="googlea"></ajax>pis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

видимо это имелось ввиду

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Паша ЗАЙЦЕВ
5 years ago

У меня такая же картина. Тоже не работало выпадающее меню при мобильном виде. Кликание на копку не давало должного результата. Вся пролемка была в <script src="assets/js/bootstrap.min.js"></script>, скрипты из фреймворка не присоединились. Переписала, исходя из пути файлика с скриптами в проекте.

Лилия Сергеевна Луни...
4 years ago

Такой код у меня получился после 18 урока, на обновленной версии, посмотрите может поможет

<!doctype html>
<html lang="ru">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>КиноМонстр bootstrap</title>
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">


</head>
<body>

<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">

<nav class="navbar bg-faded">
<button class="navbar-toggler hidden-sm-up navbar-right" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
&#9776;
</button>
<div class="collapse navbar-toggleable-xs navbar-right" id="exCollapsingNavbar2">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Главная <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Фильмы</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Сериалы</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Рейтинг фильмов</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Контакты</a>
</li>
</ul>
</div>
</nav>

</div>
</nav>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>

Рафик Алекперов
5 years ago

тут какая-то строчка странная <script src="https://<ajax class="googlea"></ajax>pis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

видимо это имелось ввиду

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Возможно, это потому, что вы где-то не в том месте нажали TAB.

Emmet так настроен, что даже если вы напишете несуществующие теги, например напишете jotyu.possible-disable, то emmet будет вам предлагать  раскрыть следующий код:

<jotyu class="possible-disable"></jotyu>

Возможно, вы писали вручную адрес, написали после https:// ajax.googlea и по ошибке нажали клавишу TAB.

Так что будьте осторожны с Emmet'ом и клавишей TAB.

А также замените вот эту строчку:

<script src="assestsjs/bootstrap.min.js"></script>

на вот эту:

<script src="assets/js/bootstrap.min.js"></script>

то есть уберите лишнюю в слове assets и добавьте после слова assets / (слэш), иначе всплывающее меню в Bootstrap тоже работать не будет.

Пётр Колосов
2 years ago

4 ответов