Нужно сделать так что бы в колонке bootstrap был вложенный блок-карточка товара.У блока должны быть границы со всех сторон,внутри col, и он должен тянулся по высоте, в зависимости от контента
Единственное что смог придумать это задать класс со свойством display:flex; col - элементу bootstrap.Но не хочу завязываться на bootstrap классах Подскажите что можно сделать?
.d {
flex: auto;
margin-bottom: 10px;
}
.g {
display: flex;
flex-flow: row wrap;
border: 1px solid red;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<div class="row">
<div class="col-4">
<div class="g">
fsd
</div>
</div>
<div class="col-4">
<div class="g">
df<br>d
</div>
</div>
<div class="col-4">
<div class="g">
fd
</div>
</div>
</div>