Перемещение по нижнему колонтитулу в вертикальном пространстве слишком много - PullRequest
0 голосов
/ 10 февраля 2020

Я пытаюсь сделать четыре столбца в нижнем колонтитуле списка тегов привязки, используя классы навигации bootstrap 4.4. У меня все колонки сделаны отлично, но вертикальные отступы сверху и снизу между каждым элементом навигации слишком велики. Я безуспешно пытался это исправить. Вы можете увидеть из прикрепленного изображения, сколько места там. Это много, и все четыре нижних столбца выглядят так же, как этот. Кто-нибудь знает ответ на этот вопрос?

<footer class="border-top footer text-muted" style="background-color: darkblue" >
        <div class="container" style="background-color: darkblue">
            <div class="row">
                <div class="col-sm" style="background-color: darkblue">
                    <h4 style="color: white; font-weight: bold;">Company</h4>
                    <ul class="nav flex-column">
                        <li class="nav-item p-0">
                            <a class="nav-link text-light" asp-area="" asp-page="/Privacy">Privacy Policy</a>
                        </li>
                        <li class="nav-item p-0">
                            <a class="nav-link text-light" asp-area="" asp-page="/Terms">Terms of Use</a>
                        </li>
                    </ul>
                </div>
                ... Three other columns just like above
          </div>
       </div>
   </footer>

footer column

Ответы [ 2 ]

0 голосов
/ 10 февраля 2020

Я подозреваю, что Bootstrap неправильно связан. Я загрузил ваш фрагмент в новый файл HTML с этим в разделе <head>:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

Я получил более плотный макет: моя попытка загружена в FF Dev 73

Я подозреваю, что это означает, что вы ссылаетесь не на ту версию Bootstrap. css.

0 голосов
/ 10 февраля 2020

Уменьшить отступ на nav-link

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...