html - 在 Bootstrap 中更改列高

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