在引导程序中更改列高

Question

我是新手，因此非常感谢您的帮助。 我正在尝试定义列高，但没有找到适合我的问题/答案（显然我做错了什么）。这个想法是让页面的所有信息都在 10 列内，每侧保持 1 列无信息（自动缩放以适应不同的屏幕尺寸）。目前语言栏就在横幅的正上方，看起来不太好。将语言行高增加到 50px 保持文本/链接在中间垂直对齐的正确 CSS 是什么？

<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;
}