Блоки не встают в сетку bootstrap. Как сделать чтобы таблицей были?

Question

[Axiniya]

Есть такой вот код:

<div class="container">
		<div class="row">
				<div class="img1 jopa">
				<img src="img/img1.png" alt="">
				<div class="text66">
				<p class="marketing">Marketing</p>
				<p class="seo">SEO Project Managment Tool</p>
				</div></div>

				<div class="img2 jopa">
				<img src="img/img2.png" alt="">
				<div class="text66">
				<p class="marketing">UI Design</p>
				<p class="seo">Desktop Sign Up Flow</p>
				</div></div>

				<div class="img3 jopa">
				<img src="img/img2.png" alt="">
				<div class="text66">
				<p class="marketing">UI Design</p>
				<p class="seo">Desktop Sign Up Flow</p>
				</div></div>

				<div class="img4 jopa">
				<img src="img/img2.png" alt="">
				<div class="text66">
				<p class="marketing">UI Design</p>
				<p class="seo">Desktop Sign Up Flow</p>
				</div></div>
			</div>
		</div><code lang="html">

</code>

<code lang="css">
.marketing {
	font-size: 18px;
	color: #768393;
}

.seo {
	font-size: 25px;
	color: #3a364f;
}

.text66 {
	position: relative;
	bottom: 171px;
	left: 230px;
}
</code>

При применении флексов появляется полоса прокрутки, уже не знаю что сделать, помогите, пожалуйста

Вот так вот стоят и все 
<img src="https://habrastorage.org/webt/5e/58/e9/5e58e914b41fb082930228.png" alt="image"/>

Comments

[Andrew]

При применении флексов появляется полоса прокрутки, уже не знаю что сделать, помогите, пожалуйста

flex-wrap: wrap;

Answer 1

[Axiniya]

помогло присвоение к каждой картинке класса mg-fluid