Как разделить бутстрап 4 карты

используя Bootstrap 4 для моего приложения, и я также использую следующую карточную систему.

 
   <div class = "card-body text-success">
   
   </div>

Мне нужно разделить вышеуказанную карту на одинаковую высоту и ширину на 3 столбца и две строки. Тогда как я мог использовать это?

css bootstrap-4

23.12.2020 14:22

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

111

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, это не так уж и сложно. Я пробовал так.

<div class = "card-body text-success">
    <div class = "row">
        <div class = "col-4">
            Your text
        </div>
        <div class = "col-4">
            Your text
        </div>
        <div class = "col-4">
            Your text
        </div>
    </div>
    <div class = "row">
        <div class = "col-4">
            Your text
        </div>
        <div class = "col-4">
            Your text
        </div>
        <div class = "col-4">
            Your text
        </div>
    </div>
</div>

23.12.2020 14:30

Другие вопросы по теме

Как расположить карты bootstrap4

WYSIWYG исчезает после открытия модального окна начальной загрузки в Laravel

Таблица в html bootstrap не помещается на экране

Класс не применяется ко всем div внутри div

Как сделать Bootstrap-vue Toast в независимом файле javascript

Добавление значка между пунктами меню в Bootstrap 4

Холодный вызов функции blur() в JavaScript

Добавить или удалить строку во входной таблице

Spinner не отображается в bootstrap 4.0.0

Ссылки меню My Bootstrap работают на мобильных устройствах

Как разделить бутстрап 4 карты

Ответы 1

Другие вопросы по теме

Похожие вопросы