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>

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

Answer 1

检查这个CSS

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