Для того чтобы теги внутри колонки встали горизонтально, рядом друг с другом, можно использовать классы Bootstrap, определенные для горизонтального выравнивания элементов.
Один из способов сделать это - использовать классы d-flex и flex-wrap на элементе, содержащем теги. Класс d-flex включает элемент в гибкий контейнер, а flex-wrap указывает, чтобы элементы обертывались на новую строку при необходимости.
Пример использования:
<div class="d-flex flex-wrap"> <div class="tag">Тег 1</div> <div class="tag">Тег 2</div> <div class="tag">Тег 3</div> <div class="tag">Тег 4</div> </div>
Дополнительно, вы можете использовать классы justify-content-* для определения способа горизонтального выравнивания элементов внутри контейнера. Например, чтобы выровнять теги по центру, вы можете использовать класс justify-content-center:
<div class="d-flex flex-wrap justify-content-center"> <div class="tag">Тег 1</div> <div class="tag">Тег 2</div> <div class="tag">Тег 3</div> <div class="tag">Тег 4</div> </div>
Также, учитывайте, что в CSS могут быть свои стили, которые могут переопределить стили Bootstrap. Если вы заметите, что стили Bootstrap не применяются, убедитесь, что ваши собственные стили не переопределяют их.