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

Question

[relows]

Колонки в bootstrap выходят за границы секции:

Comments

[shmatuan]

1. Нужен код
2. Скорее всего сам размер инпутов больше чем колонка

[relows]

Вот код:

1. html :

   <div class="section">
   		<div class="row justify-content-between">
   			<div class="col-auto"><h3>Популярные модели неман</h3></div>
   			<div class="col-auto"><h5>Смотреть все акции</h5></div>
   		</div>
   		<div class="row justify-content-between">
   			<div class="col-3 border1px">123</div>
   			<div class="col-3 border1px">234</div>
   			<div class="col-3 border1px">345</div>
   			<div class="col-3 border1px">456</div>
   		</div>
   	</div>

   
   
2. css : bootstrap 4

   .section {
   	width: 1024px;
   	padding: 10px 0;
   	margin: 0 10% 0 10%;
   	min-height: 100px;
   	width: 80%;
   	height: auto;
   	color: #153557;
   }
   
   .border1px {
   	border: 1px solid #153557;
   }

   
   

[Юпитер Макс]

оберните row в

<div class="container">

</div>

[relows]

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

[dbashkatoff]

relows, для общего развития) https://getbootstrap.com/docs/4.0/utilities/borders/

Answer 1

[Юпитер Макс]

прошу отметочку ))

<div class="container">

</div>

Comments

[relows]

Спасибо