Бутстреп, вырезающий слова

Я начинаю изучать bootstrap 4 самостоятельно и у меня возникают проблемы с тем, почему bootstrap только показывает часть моего нижнего колонтитула (т.е. я могу видеть только «политику конфиденциальности») на моем b <! Doctype html> <html lang = " en " > <head> <! - Требуемые метатеги -> <meta charset = " utf-8 " > <meta name = " viewport " content = " width = device-width, initial-scale = 1, shrink- to-fit = no " > <! - Bootstrap CSS -> <link rel = " stylesheet " href = " /css/bootstrap.css " > <ссылка rel = "stylesheet" href = "/css/style.css" > <title> Gamma </ title> </ head> <body> <nav class = "navbar navbar-expand-md navbar-light bg-light fixed-top " > <DIV класс = "контейнер" > <a класс = "navbar-brand em-text" HREF = "index.html"> Gamma </a> <кнопка класса = "" NavBar-Toggler типа = "" Кнопка данных -toggle = "collapse" data-target = "# navbarsExample09" aria-controls = "# navbarsExample09" aria- extended = "false" aria-label = "Навигация по Google" > <span class = "navbar-toggler-icon" > </ span> </ span> < div class = "collapse navbar-collapse" id = "navbarsExample09" > <ul class = "nav navbar-nav mr-auto" > <li class = "active" > <a href = "index.html" класс = "nav- ссылка" > Главная </ а </ li> <li> <a HREF = "about.html" класс = "nav-link"> О </a> </ li> <li> <a HREF = "contact.html" класс = "nav-link"> Контакт </a> </ li> </ UL> </ DIV> </ DIV> </ нав> <колонтитул> <DIV класс = "контейнер" > <DIV класс = "строка" > <DIV класс = "Col-LG-6-Col мкр-7 Col-см-12" > <UL> <LI> <a HREF = "#"> Главная страница </a> </ li> <li> <a hr эф = "#" > О </a> </ li> <li> <a HREF = "#"> Контакт </a> </ li> <li> <a HREF = "#"> Политика конфиденциальности </ a> </ li> </ ul> </ div> <div class = "col-lg-6 col-md-7 col-sm-12" > <p> Авторские права и копия; 2017, Все права защищены </ p > </ div> </ div> </ div> </ footer> <! - Необязательный JavaScript -> <! - jQuery, затем Popper.js, затем Bootstrap JS -> <script src = "/ js / jquery.min.js " > </ script> <script src = " /js/tether.min.js " > </ script> <script src = " /js/bootstrap.min.js " > </ script > </ body> </ html> ser. Я даже попытался создать тег вверху, но не могу его отобразить. Раздел меню в порядке. Ниже мой HTML из моего индексного файла. У меня пока нет содержимого в файле CSS. Любое предложение приветствуется. Также ниже изображение, как оно появляется;

Бутстрап обрезает слова

row

html,css,bootstrap-4,

0

Ответов: 2


0

У вас более 12 единиц для ваших столбцов. Похоже, что вы отсутствуете rowвокруг div.

Должно ли это выглядеть так?

    <div class="row">
      <div class="col-lg-6 col-md-7 col-sm-12">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>
    </div>
    <div class="row>
      <div class="col-lg-6 col-md-7 col-sm-12">
        <p>Copyright &copy;2017, All Rights Reserved</p>
      </div>
    </div>

См. Ссылку здесь для получения более подробной информации: https://getbootstrap.com/docs/4.0/layout/grid/


0

Это потому, что у вас есть фиксированная навигационная панель, которая перекрывает нижний колонтитул. Дайте контент, который вы не хотите перекрывать навигационной панелью верхнего предела.

HTML, CSS, самозагрузки-4,
Похожие вопросы