html - 在 bootstrap 中更改列高

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

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

最佳答案

这是一种方法：

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

关于html - 在 bootstrap 中更改列高，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28392668/