Bootstrap, не показывает в браузере изменение, как исправить?

0
0

 Иду по 15 уроку из bootstrap 3. Повторяют всё в точь точь но.  По какой-то не понятной причине не показывает в браузере изменение. Что не так? 

<!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-inverse">
          <div class="container">
            
              <div id="navbarCollapse" class="collapse navabar-collapse navbar-right">

                <ul class="nav nav-">
                  <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.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>

davidrussen

10 months ago

Похожие вопросы

7 ответов





 <link href="assets/css/bootstrap.min.css" rel="stylesheet">
<script src="assets/js/bootstrap.min.js"></script>

Попробуй через CDN подключить bootstrap, вместо локального:

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Bootstrap</title>
	
    <!-- Подключаем Bootstrap CSS через CDN -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- Подключаем style.css -->
    <link rel="stylesheet" href="style.css">

</head>
<body>
	
	<div class="container color">
	    
	    <h1>Hello, Bootstrap</h1>
    	
	</div>
	
	<!-- Подключаем jQuery и Bootstrap JS через CDN -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>
</html>

Пример от сюда:

https://fructcode.com/ru/courses/bootstrap/grid-system/

student_Cx8W3815

10 months ago

А что? Локальный плохо работает?

davidrussen

10 months ago

Нормально локально работает, у меня по началу локально не работало из-за того, что я подключение неправильное делал, потом через cdn стал подключать и все заработало. Кстати, может еще кеш браузера быть, нужно через ctrl и f5 обновлять страницу, чтобы css стили не старые срабатывали или в режиме инкогнито открывать.

student_Cx8W3815

10 months ago

Не понимаю почему всё равно не работает. Работает только ,если взять код из 16 урока. Ни понимаю что за бред. 

davidrussen

10 months ago

Вот тут явно что-то не так:

<ul class="nav nav-">

Какой-то обрезок названия класса в коде: "nav-"

Вот тут работающий пример посмотри, потом со своим кодом можно сравнить:

https://fructcode.com/ru/courses/bootstrap/interactive-header-complete/

student_Cx8W3815

10 months ago

Исправил это. Но всё равно дело не в этом. А в том что я где-то касячу при подключение bootstrap.

davidrussen

10 months ago

У меня если стили не подключаются или картинки, я открываю в браузере исходный код (через ctrl и U или правой кнопкой мыши View page source (показать исходный код) ), там синем цветом выделены ссылки, кликаю на них мышкой и смотрю, что в новой вкладке открывается. Если открывается файл css с кодом, значит норм подключен, если 404 ошибка или страница не найдена, значит файл неправильно подключен (обычно лежит не в той папке, который указан в link ref или название файла неверное, вместо bootstrap.css, называется bootstrap.min.css, а в link ref написано просто bootstrap.css).  

student_Cx8W3815

10 months ago

Ваш ответ