Проблемы при загрузке с сеткой

Итак, я изучал интерфейсный курс, который был создан в 2018 году, и этот парень Брэд Хасси преподавал Bootstrap, и когда я загрузил исходный код и все, что нужно для работы веб-сайта, система сеток, например, не работала.

<!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 Forms</title>

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

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[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>
    <div class = "container">
        <div class = "page-header">
            <h1>Bootstrap Forms</h1>
            <p class = "lead">Let's work with some sexy, pre-styled forms, shall we?</p>
        </div><!-- page-header -->
            
        <div class = "row">
            <div class = "col-sm-4">     
            </div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src = "bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

какая у вас версия начальной загрузки?

Jérôme W 30.03.2021 00:59

моя версия начальной загрузки - 3.3.5

Luka Esakia 30.03.2021 14:05
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
19
1

Ответы 1

Вам не хватает закрывающих тегов div. В остальном, похоже, все работает нормально.

<!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 Forms</title>
    <!-- Bootstrap -->
    <link href = "bootstrap/css/bootstrap.min.css" rel = "stylesheet">
    <link href = "styles.css" rel = "stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[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>
<div class = "container">              <!--- you never closed --->
        <div class = "page-header">
            <h1>Bootstrap Forms</h1>
            <p class = "lead">Let's work with some sexy, pre-styled forms, shall we?</p>
        </div><!-- page-header -->  
        <div class = "row">            <!--- you never closed --->
            <div class = "col-sm-4"> 
            </div>
         </div> <!--- add </div> here --->
</div> <!--- add div here --->
                  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
                  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
             <!-- Include all compiled plugins (below), or include individual files as needed -->
             <script src = "bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

хорошо, большое спасибо!

Luka Esakia 30.03.2021 14:06

Другие вопросы по теме