Добавил div
и чуть-чуть стилей:
.product {
display: flex;
flex-direction: row;
margin: 10px 0;
}
.price {
padding: 0 20px;
}
.product img {
margin-right: 10px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<div class="container">
<div class="product">
<img src="http://placehold.it/100x100" alt="">
<div>
<div class="title"><a href="">Жесткий диск</a></div>
<div class="categorie"><a href="">Компьютеры</a></div>
</div>
<div class="price">Договорная</div>
</div>
<div class="product">
<img src="http://placehold.it/100x100" alt="">
<div>
<div class="title"><a href="">Жесткий диск</a></div>
<div class="categorie"><a href="">Компьютеры</a></div>
</div>
<div class="price">Договорная</div>
</div>
<div class="product">
<img src="http://placehold.it/100x100" alt="">
<div>
<div class="title"><a href="">Жесткий диск</a></div>
<div class="categorie"><a href="">Компьютеры</a></div>
</div>
<div class="price">Договорная</div>
</div>
<div class="product">
<img src="http://placehold.it/100x100" alt="">
<div>
<div class="title"><a href="">Жесткий диск</a></div>
<div class="categorie"><a href="">Компьютеры</a></div>
</div>
<div class="price">Договорная</div>
</div>
<div class="product">
<img src="http://placehold.it/100x100" alt="">
<div>
<div class="title"><a href="">Жесткий диск</a></div>
<div class="categorie"><a href="">Компьютеры</a></div>
</div>
<div class="price">Договорная</div>
</div>