Question

这就是我想用BS3做的事情：

这是我的开始代码：

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="well well-sm">
                <i class="glyphicon glyphicon-th-large pull-left"></i>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque molestias nihil quia!</p>
            </div>
        </div>
    </div>
</div>

JsFiddle网址 - http://jsfiddle.net/AJAhR/54/

我尝试使用行高，但它必须具有响应性，因此它无法正常工作。

有人可以用CSS / Boostrap3向我解释如何做到这一点。

Answer 1

尝试位置绝对值

 .well.well-sm p { margin-left: 60px; /* with of the icons + icon's padding right */ }
 .well.well-sm { position: relative; }
 .well.well-sm i { position: absolute; top: 50%; left: 0; margin-top: -50px; /* 50% of the icon's height */ }

直播：http://jsfiddle.net/AJAhR/55/

在Bootstrap 3中对齐中间2个元素？

1 个答案: