Изменение высоты столбца в бутстрапе

Question

Я новичок, поэтому ваша помощь будет очень признательна. Я пытаюсь определить высоту столбца, но ни один из вопросов/ответов, которые я нашел, не работает для меня (очевидно, я делаю что-то неправильно). Идея состоит в том, чтобы иметь всю информацию страницы в пределах 10 столбцов, сохраняя 1 столбец с каждой стороны свободной от информации (автоматически масштабируется для разных размеров экрана). В настоящий момент языковой бар находится прямо над знаменем, который выглядит не очень красиво. Что будет правильным CSS для увеличения высоты строки языка до 50 пикселей, сохраняя текст/ссылки по вертикали в середине?

<div class="header"> 
<div class="container-fluid"> 
<div class="row language"> 
    <div class="col-sm-11"> 
    <span class="pull-right"><a href="index_lv.html">LV</a> | <a href="index_ru.html">RU</a> | <a href="index.html">ENG</a> 
    </span> 
    </div> 
</div> 
</div> 
<div class="banner"> 
<a href="index.html"> <img border="0" src="images/banner.png"></a> 
</div> 

Answer 1

Это один из способов:

<div class="header"> 
    <div class="container-fluid"> 
     <div class="row language"> 
      <div class="col-sm-10 col-sm-offset-1 text-right"> 
       <a href="index_lv.html">LV</a> | <a href="index_ru.html">RU</a> | <a href="index.html">ENG</a> 
      </div> 
     </div> 
     <div class="row banner"> 
      <div class="col-sm-10 col-sm-offset-1"> 
       <a href="index.html"><img border="0" src="images/banner.png"></a> 
      </div> 
     </div> 
    </div> 
</div> 

CSS:

.language { 
    padding-top: 15px; 
    padding-bottom: 15px; 
}