Bootstrap 3 - 将导航拉到底部

Question

我试图做这样的事情

使用bootstrap3

但我对这个简单的导航有问题。我需要将它们放在列的底部。

检查此代码plz：http://www.bootply.com/LY3P6GAp1p

        <div class="row">
            <div class="col-md-5 col-md-offset-1" style="display: table-cell;">
                <h2 style="text-align: center;">Some text</h2>
            </div>

            <div class="col-md-6" style="display: table-cell; vertical-align: bottom;">
                <ul class="nav nav-pills">
                    <li><a hre="#">Option1</a></li>
                    <li><a hre="#">Option2</a></li>
                </ul>
            </div>
        </div>

我尝试使用：position relative / absolute，table，table-cell - 没有用：/

Answer 1

<div class="col-md-6" style="display: table-cell; vertical-align: bottom;">
                <ul class="nav nav-pills">
                    <li><a hre="#">Option1</a></li>
                    <li><a hre="#">Option2</a></li>
                </ul>
            </div>


<div class="col-md-6" style="display: table-cell; vertical-align: bottom; position:absolute; right:0; bottom:20px">

Answer 2

<div class="col-md-6" style="display:inline-block;position:absolute; right:0; bottom:0">

Answer 3

试试这个：

CSS：

.content {
            position: absolute;
            bottom: 0;

        }

HTML：

       <div class="row div1">
            <div id="Div1" class="col-md-5 col-md-offset-1 text-center">
                <h2>Some text</h2>
            </div>
            <div id="Div2" class="col-md-6">
                <ul class="nav nav-pills content">
                    <li><a href="#">Option1</a></li>
                    <li><a href="#">Option2</a></li>
                </ul>
            </div>
       </div>

SCRIPT：

        $(document).ready(function () {
            var divHeight = $("#Div1")[0].clientHeight;
            $("#Div2").css('height', divHeight + 'px');
        });

希望这可能有用