.clear,.clear:after,.clear:before{
content:""; display:block; clear:both;
}
.logo {
background: #000;
/* width: 42px; удалить*/
height: 42px;
display: inline-block;
margin-top: 14px;
}
<div class="row main">
<div class="col-md-4">Главная</div>
<div class="col-md-4">новости</div>
<div class="col-md-4">контакты</div>
</div>display:flex;
align-items:center;
justify-content:center;
