Почему не работает система сеток в bootstrap?

Question

[rinaz22]

Всем привет! Чтобы учить bootstrap 4, решил верстать лендинг. Возникли проблемы. Не работает сетки. Хочу разделить пополам, но ничего не работает, а просто переносится на новую строку.
Вот код:

<div class="container pt-2">
	<div class="row justify-content-center">
		<div class="shadow-lg p-3 rounded col-lg-8 col-md-8 col-sm-9 col-xl-10">
			<div class="col-lg-6 col-md-6 col-sm-6">
				Картинки
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6">
				Текст
			</div>
		</div>
	</div>
</div>

Comments

[rinaz22]

Владислав Лысков, здесь так.

container должен быть в row

так тоже не работает

[Владислав Лысков]

rinaz22, я ошибся, извиняюсь, лови https://codepen.io/Vlatqa/pen/RwPZMKB

[Froggyweb]

наверное бутстрап подключен не корректно.
просто каждый блок сетки надо оборачивать дополнительно в row
https://codepen.io/froggyweb/pen/eYNEMWz
и не стоит делать так col-lg-8 col-md-8
достаточно указать меньший брейкпоинт

[rinaz22]

Владислав Лысков, Спасибо!

Answer 1

[Иван Медведев]

Убедитесь, что вы подключили стили bootstrap. Между тегами head должен быть тег link с сcылкой на файл bootstrap.min.css или bootstrap.css