Bootstrap 4.0 Макет компоновки сетки не работает

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

Вот код:

Что я хочу сделать :

введите описание изображения здесь

Что я получаю:

введите описание изображения здесь

Вам просто не хватает базового правила «Bootstrap». Из документов ..

В макете сетки содержимое должно быть помещено в столбцы, и только столбцы могут быть непосредственными дочерними элементами строк .

В Bootstrap 4 , .col- , которые не помещены в .row будут складываться вертикально .

https://www.codeply.com/go/GlA3IP7oGU

 
aaaaa a
a
a
a
a

Прочитайте, как работает макетирование Bootstrap


Связано: Обертывание столбцов бутстрапа в дополнительном div

  • NSString - преобразовать только в чистый алфавит (т.е. удалить акценты + пунктуацию)
  • Разделить строку на строковый массив одиночных символов
  • Соответствие строк с помощью шаблона
  • Как использовать sscanf в циклах?
  • Как сделать нечеткое совпадение имен компаний в MYSQL с PHP для автоматического заполнения?
  • Преобразование строки в дату на C ++
  • h: inputText, привязанный к свойству String, представляет пустую строку вместо null
  • Удалить часть строки
  • Когда лучше использовать String.Format vs string concatenation?
  • Подсчитайте количество появлений слова в строке
  • Использование getline () в C ++
  • Interesting Posts

    Как бы вы установили переменную в наибольшее возможное число в C?

    Как преобразовать строку JSON в Map с помощью Jackson JSON

    WPF C # Путь: как получить из строки с данными пути в геометрию в коде (не в XAML)

    Как конвертировать HTML-теги в RTF или любой текст в формате форматирования из командной строки Linux

    Wildfly 9 http до https

    Как добавить параметры во внешний запрос данных в Excel, который нельзя отобразить графически?

    C ++ Статическая инициализация члена (внутри шаблона)

    Планирование эффективности досрочно и преждевременная оптимизация

    Быстрый способ adduser и userdel на нескольких машинах

    Можете ли вы поймать собственное исключение в коде C #?

    Получение параметров init в сервлете

    «Тип узла выражения LINQ« Invoke »не поддерживается в LINQ to Entities» – тупик!

    Отключить предварительную замену в windows xp

    PhoneGap для iPhone: проблема загрузки внешнего URL

    Присвоение массиву char значения в C

    Давайте будем гением компьютера.