使用bootstrap在同一个div的顶部和底部对齐？

Question

我试图在底部对齐一排按钮，但在顶部还有两行文本，使用twitter bootstrap左对齐。这就是我想要实现的目标：

以下是我最近尝试的jsfiddle：

我当前的css文件如下所示：

.profile-avatar {
  position:relative; 
  height:170px;
}

.profile-avatar img {
  height: 160px;
  width: 160px;
  margin-left: 20px;
}


.profile-buttons {
  margin-left: 15px;
  margin-top: 110px;
}

我完全迷失了如何在三个按钮上方的图像右上角添加两行文字。

有什么想法吗？

谢谢， -Paul

Answer 1

尝试position: absolute;（观看fiddle）

Answer 2

http://jsfiddle.net/kks6h0bc/7/

.text-0,.text-1{
    position: absolute;
    top: 0px;
   left: 200px;
    display:block;

}
.text-0{
    top: 0px;
    font-size:30px;
}

.text-1 {
    top: 50px;
}

Answer 3

检查Fiddle。我希望它有所帮助。

<div class="row">
<div class="col-xs-12">
    <div class="row">
        <div class="col-xs-3">
            <div class="profile-avatar">
                <div class="row">
                    <div class="col-xs-12">
                       <img src="http://www.kanorika.com/friendly/demo/data/avatars/min4/SyWH14RnFCt.jpg" class="profile-img img-responsive"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-9">
            <div class="row">
                <div class="col-xs-12">
                    Large Text<br>Small Text
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <button type="button" class="btn btn-default profile-buttons">Default</button>
                    <button type="button" class="btn btn-default profile-buttons">Default</button>
                    <button type="button" class="btn btn-default profile-buttons">Default</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>