Как убрать пробелы в navbar bootstrap 4? - PullRequest
0 голосов
/ 02 апреля 2020

Привет, я пытаюсь удалить некоторые странные пробелы в моих элементах свертывания navbar.

Левая сторона выглядит хорошо, но правая - беспорядок (я хочу добавить ul на правой стороне в конце концов ).

Вот как это выглядит в настоящее время:

пробелы

Вместе с моим текущим кодом:

<div class="pos-f-t">
      <div class="row">
  <div class="collapse col-md-6" id="navbarToggleExternalContent">
    <div class="bg-dark p-4">
      <h4 class="text-white">About</h4>
      <span class="text-muted">
        Lorem ipsum dolor sit amet, usu ea vide civibus. In sed purto delectus, ne has iuvaret postulant reprimique. Id equidem dolorem usu. Mea saepe possit integre at, vitae conceptam mea an. Nam fugit lucilius te, an mediocrem adversarium quo. Sea ea noluisse sapientem, et vix aliquam propriae philosophia, qui dicit antiopam cu.
      </span>
    </div>
  </div>
      <div class="collapse col-md-6" id="navbarToggleExternalContent2">
    <div class="bg-dark p-4">
      <h4 class="text-white">About</h4>
      <span class="text-muted">
        fooknkln;
      </span>
    </div>
  </div>
</div>
  <nav class="navbar navbar-dark bg-dark navbar-fixed-top">
    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse"
      data-target="#navbarToggleExternalContent,#navbarToggleExternalContent2" aria-controls="navbarToggleExternalContent"
      aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  </nav>
</div>

Я считаю, этой информации достаточно, чтобы ее можно было минимально воспроизвести.

Честно говоря, я не знаю, как это исправить.

Я пытался добавить fluid, но это не сработало.

Я новичок в bootstrap, так что не очень хорошо!

Дайте мне знать, если мне нужно что-то еще сделать, так как я новичок на сайте!

1 Ответ

0 голосов
/ 03 апреля 2020

Пожалуйста, проверьте эту скрипту: https://jsfiddle.net/vcudq2z1/

Первое, что нужно сделать, это удалить ненужный код или вложение, другое - сделать весь заголовок темным, а не только .collapse селектор.

ОБНОВЛЕНИЕ: https://jsfiddle.net/edonrexhepi/je76yhgs/

По какой-то причине класс collapse не анимирует заполнение.

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