html - 在行中垂直对齐 img - twitter bootstrap

Question

我在 Twitter Bootstrap 3 中使用 img 垂直对齐时遇到一些问题。因此，这是 HTML:

<div class="container center-block">
        <div class="row slider">
            <div class="col-md-1 left-arrow"><img src="img/left-arrow.png"/></div>
            <div class="col-md-2 brand"><img src="img/brand.png"/></div>
            <div class="col-md-2 brand"><img src="img/brand.png"/></div>
            <div class="col-md-2 brand"><img src="img/brand.png"/></div>
            <div class="col-md-2 brand"><img src="img/brand.png"/></div>
            <div class="col-md-2 brand"><img src="img/brand.png"/></div>
            <div class="col-md-1 right-arrow"><img src="img/right-arrow.png"/></div>
        </div>
    </div>

如何在 .left-arrow 和 .right-arrow div 中垂直居中图像？谢谢

Answer 1

检查这个 css

    .container .row { float:left; width:100%; }
    .container div { float:left; }
    .left-arrow { margin-right:10px; }
    .right-arrow { margin-left:10px; }