html - 行の垂直方向の位置合わせ画像 - twitter ブートストラップ

Question

Twitter Bootstrap 3 の img vertical align に問題があります。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およびdivで画像を垂直方向に中央揃えするにはどうすればよい.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; }