Почему при уменьшении окна браузера сбивается вёрстка и как это исправить?

Сергей Бут, Про это я знаю, я не понимаю почему объект container становится меньше чем 1200 пиксель, хотя ему задал min-width: 1201px; и media запоросы для него отключил.

Почему при уменьшении окна браузера сбивается вёрстка и как это исправить?

Сергей Бут, А что за инспектор?)

Почему при уменьшении окна браузера сбивается вёрстка и как это исправить?

<meta name="viewport" content="width=1201" />
Сейчас попробую то что вы описали

Почему при уменьшении окна браузера сбивается вёрстка и как это исправить?

Сергей Бут, Я ужасно разбираюсь во всём, просто верстаю сайты, параллельно учусь, смотря видео в youtube и задавая вопросы в тостере.

Почему при уменьшении окна браузера сбивается вёрстка и как это исправить?

Там явно применяются какие то медиа запросы, но я поставил минимальную ширину страницы 1201 пиксель(в бутстрапе медиа запросы не более 1200 пикселей, насколько мне известно), мне нужно чтобы при уменьшении страницы просто появлялся скролл снизу, и ничто не менялось на странице.

Как сделать, чтобы текст в каком либо блоке занимал всю ширину этого блока?

А можно ли как нибудь сделать чтобы текст не просто разъезжался на всю ширину, а становился больше, но не от медиа запросов?

Как сделать, чтобы текст в каком либо блоке занимал всю ширину этого блока?

Спасибо!

Как выравнивать текст по нижней границе div?

SmthTo, :)

Как выравнивать текст по нижней границе div?

SmthTo, Если вы такой альтруист, не могли бы дать мне какие то свои контакты, или добавить меня в вк?)) vk.com/relows

Как выравнивать текст по нижней границе div?

SmthTo, У меня вопрос по поводу тостера и того зачем вы здесь отвечаете: "Зачем вы с такими знаниями отвечаете на вопросы таких как я, если можно брать на фрилансе заказы?"
Просто интересно.

Как выравнивать текст по нижней границе div?

SmthTo, Спасибо вам большое! Я сейчас посмотрел всего один урок про то как правильно флексить, и понял что мне этот бутстрап вообще не нужен(до этого про flex я только слышал)

Как выравнивать текст по нижней границе div?

SmthTo, Звучит неплохо)

Как выравнивать текст по нижней границе div?

SmthTo, а вот img1/micro.png
и img1/n21.jpg

Как выравнивать текст по нижней границе div?

Код вот:

<div class="container mb40">
		<div class="row justify-content-between mb30">
			<div class="col-auto"><h3>ПОПУЛЯРНЫЕ МОДЕЛИ НЕМАН</h3></div>
			<div class="col-auto"><h5>СМОТРЕТЬ ВСЕ МОДЕЛИ</h5></div>
		</div>
		<div class="row">
			<div class="col">
				<div class="object border1px">
					<b style="font-size: 15.2px;">Дверь НЕМАН Н-102</b>
					<div class="row" style="margin-top: 5%;">
						<div class="col-6"><img src="img1/n21.jpg" alt="" class="auto"></div>
						<div class="col-6" style="font-size: 10px; text-align: right; margin-top: -5px;"><b style="font-size: 14px;">2 класс</b><br />безопасности 
							<div class="row">
								<div class="col-12"><img src="img1/micro.png" alt="" style="max-width: 100%; height: auto;"></div>
								<div class="col-12"><b style="font-size: 16px;">66 000p</b></div>
							</div></div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="object border1px">
					<b style="font-size: 15.2px;">Дверь НЕМАН Н-102</b>
					<div class="row" style="margin-top: 5%;">
						<div class="col-6"><img src="img1/n21.jpg" alt="" class="auto"></div>
						<div class="col-6" style="font-size: 10px; text-align: right; margin-top: -5px;"><b style="font-size: 14px;">2 класс</b><br />безопасности 
							<div class="row">
								<div class="col-12"><img src="img1/micro.png" alt="" style="max-width: 100%; height: auto;"></div>
								<div class="col-12"><b style="font-size: 16px;">66 000p</b></div>
							</div></div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="object border1px">
					<b style="font-size: 15.2px;">Дверь НЕМАН Н-102</b>
					<div class="row" style="margin-top: 5%;">
						<div class="col-6"><img src="img1/n21.jpg" alt="" class="auto"></div>
						<div class="col-6" style="font-size: 10px; text-align: right; margin-top: -5px;"><b style="font-size: 14px;">2 класс</b><br />безопасности 
							<div class="row">
								<div class="col-12"><img src="img1/micro.png" alt="" style="max-width: 100%; height: auto;"></div>
								<div class="col-12"><b style="font-size: 16px;">66 000p</b></div>
							</div></div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="object border1px">
					<b style="font-size: 15.2px;">Дверь НЕМАН Н-102</b>
					<div class="row" style="margin-top: 5%;">
						<div class="col-6"><img src="img1/n21.jpg" alt="" class="auto"></div>
						<div class="col-6" style="font-size: 10px; text-align: right; margin-top: -5px;"><b style="font-size: 14px;">2 класс</b><br />безопасности 
							<div class="row">
								<div class="col-12"><img src="img1/micro.png" alt="" style="max-width: 100%; height: auto;"></div>
								<div class="col-12"><b style="font-size: 16px;">66 000p</b></div>
							</div></div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="object border1px">
					<b style="font-size: 15.2px;">Дверь НЕМАН Н-102</b>
					<div class="row" style="margin-top: 5%;">
						<div class="col-6"><img src="img1/n21.jpg" alt="" class="auto"></div>
						<div class="col-6" style="font-size: 10px; text-align: right; margin-top: -5px;"><b style="font-size: 14px;">2 класс</b><br />безопасности 
							<div class="row">
								<div class="col-12"><img src="img1/micro.png" alt="" style="max-width: 100%; height: auto;"></div>
								<div class="col-12"><b style="font-size: 16px;">66 000p</b></div>
							</div></div>
					</div>
				</div>
			</div>

Как выравнивать текст по нижней границе div?

Это какой-то криндж, но сейчас попробую.

Как сделать 5 и 2 колоноки с Bootstrap как на примере?

dbashkatoff, Большое спасибо

Как сделать 5 и 2 колоноки с Bootstrap как на примере?

Вот что получилось:

<div class="container mb50">
<div class="row">
	<div class="example-col border1px">123</div>
	<div class="example-col border1px">123</div>
	<div class="example-col border1px">123</div>
	<div class="example-col border1px">123</div>
	<div class="example-col border1px">123</div>
</div>
</div>

.example-col {
  @include make-col-ready();
  @include make-col(1, 5);
}

.mb50 {
	margin-bottom: 50px;
}

.border1px {
	border: 1px solid #153557;
}

Как сделать 5 и 2 колоноки с Bootstrap как на примере?

Это не то. Так я и сам умею :)
Нужно чтобы между колонками(с border) ещё и отступы были.

Как исправить то, что колонки в bootstrap выходят за границы секции?

Спасибо

Как исправить то, что колонки в bootstrap выходят за границы секции?

Юпитер Макс, Большое спасибо. Если хотите, можете ответить на вопрос не в комментариях, а чуть ниже, что-бы можно было выбрать правильный ответ.