Почему этот col Bootstrap удаляет пробелы? - PullRequest
Новая
       37

Почему этот col Bootstrap удаляет пробелы?

0 голосов
/ 07 марта 2019

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

Example

Это ссылка: https://studentvend.co.uk/profile/test для тех, кто хочет увидеть исходный код.

1 Ответ

1 голос
/ 07 марта 2019

Это нормально, потому что вы используете столбец размера 4 и столбец размера 6. Таким образом, это в основном означает, что он займет 40% карты, а затем 60% карты. Это не точно, потому что Bootstrap основан на 12 столбцах .

Я рекомендую использовать Media Object вместо: https://getbootstrap.com/docs/4.0/layout/media-object/

<div class="media">
  <img class="mr-3" src="..." alt="Generic placeholder image">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
  </div>
</div>
...