Css Boostrap 3-将导航拉到底部

我正试着做这样的事情

使用bootstrap3

但是我对简单的导航有问题。我需要把它们放在柱子的底部

检查此代码plz：

我尝试使用：相对位置/绝对位置、表格、表格单元格-没有任何效果：/

尝试以下方法：

<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">

CSS:

HTML:

---

希望这可能有用

虽然这可能会回答问题，但请提供一些注释或说明。感谢您的回复，但是，所有带有“位置：绝对”的代码都没有响应：/@spry_nandkishore:您的解决方案：-我只是添加了边界-所以这是错误的-但无论如何，谢谢。我用>表/表行和表单元格编写了一些代码，但仍然没有响应。在没有JavaScript的情况下，一定有办法做到这一点。

<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">

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

.content {
            position: absolute;
            bottom: 0;

        }

       <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>

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