Есть такая разметка:
<div class="menu">
<div class="row">
<div class="col">
<a href="#"><img src="img/c2_btn.png" alt=""
width="35" height="35"></a>
</div>
<div class="col">
<a href="#"><img src="img/home_btn.png" alt="" width="35"
height="35"></a>
</div>
<div class="col">
<a href="#"><img src="img/c3_btn.png" alt="" width="35"
height="35"></a>
</div>
</div>
</div>
CSS:
.menu{
background: #212121;
height: 60px;
padding-top: 10px;
width: 100%;
}
Как сделать так, чтобы изображения внутри col, были выровнены по центру блока?
Пробовал добавлять класс "img-fluid center-block" и "img-responsive center-block" Но ничего не меняется.