Bootstrap中心div到其他人

Question

我正在使用Bootstrap模板。

以下代码：

<div class="row mix-grid thumbnails wrapper white" id="pictures_placeholder">
            <div class="col-md-3 col-sm-4 mix ">
                <div class="mix-inner">
                    <img class="img-responsive" src="../../../assets/admin/pages/media/works/img1.jpg"
                         alt="">

                    <div class="mix-details picture-bottom-label">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <div class="col-md-4 col-xs-3">
                                    <img src="../../../assets/admin/pages/media/profile/profile_user.jpg"
                                         class="img-responsive img-circle profile-pic"
                                         alt=""
                                            />
                                </div>
                                <div class="col-md-8 col-xs-8 text-left user-name">Asaf Nevo</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

这样做：

如何将名称（Asaf Nevo）输入图像？

Answer 1

尝试将此添加到CSS：

div.user-name{height:92px;line-height:92px;}

希望有所帮助。

Answer 2

将名称放在与图像相同的div中。同时进行内联。

<img src="../../../assets/admin/pages/media/profile/profile_user.jpg"
    class="img-responsive img-circle profile-pic" alt="" />Asav Nevo

现在使用CSS属性vertical-align。像vertical-align: middle这样的东西可以工作，是的，如果没有错误，这个属性应该应用于周围的div，也可能应用于内联内容本身。我现在不能尝试。

Answer 3

将其添加到css：

.user-name {
  margin-top:50%;
}