css - ブートストラップ - 適切に整列

Question

これは私のページです

<div class="well">
    <div class="col-sm-12">
        <div class="row">
            <div class="col-sm-2 pull-right">
                Hi | <span class="label label-info">Player</span> | <a href=""><span class="label label-danger">Logout</span></a><br><br>
            </div>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="row">
            <div class="col-lg-7 col-lg-offset-7">
                <a class="btn btn-primary btn-sm">Link 1 with big text </a>
                <a class="btn btn-primary btn-sm">Link2 oktext</a>
                <a class="btn btn-primary btn-sm">Linked text3</a>
                <a class="btn btn-primary btn-sm">Linked text4</a>
                <br><br>
            </div>
        </div>
    </div>
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-4">
                    <div class="thumbnail"><img src="http://lorempixel.com/400/300/"></div>
                </div>
                <div class="col-sm-4">
                    <div class="thumbnail"><img src="http://lorempixel.com/400/300/"></div>
                </div>
                <div class="col-sm-4">
                    <div class="thumbnail"><img src="http://lorempixel.com/400/300/"></div>
                </div>
            </div>
        </div><br/>

</div>

出力付きブートプライ 私が直面している問題は、andを使用したにもかかわらず、 buttons( linked text4) andlogoutラベルを直線に揃えることができないことです。pull-rightoffset