Css 引导导航栏位于其他div内的底部

希望你能帮我解决以下问题： 我在玩bootstrap，我在左侧站点左侧创建了一个带有徽标的标题，这很好，在右侧站点我创建了一个div容器，在这个div中，我有一个用于tel的div，然后我有导航栏

请参见屏幕截图：

这是我的密码：

<header id ="mainHeader" class="row">
        <div class="logo col-lg-3">
            <hgroup>
   <h1 id ="logo"><a href="#"><img src="images/webversielogo.png"    class="img-responsive"></a></h1>
            </hgroup>
        </div>

        <div class="telNav col-lg-9" >

        <div class="telefoon">
        SOME TEXT 
        </div><!--Einde Telefoon Class-->

        <div class="navbar navbar-inverse" role="navigation">
         <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                    <a class="navbar-brand" href="#">Kies uw Pagina:</a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div><!--/.container -->
    </div> <!--/.navbar navbar-inverse-->
</div>   

当我将#telNav的位置设置为相对位置时，navbar、absolute和bottom:0将跳出范围并跳出父div。 我想将导航栏的右下角始终与telNav的右下角堆叠在一起， 谢谢你的回答

---

EZStack

如果要向下推动导航栏，可以在封闭的div中使用另外两个div元素。第一个将在导航栏上方保存内容，第二个将在主div的底部保存导航栏。不过，您必须指定第一个div元素的高度。

您尝试过使用此选项吗：

.logo{
z-index:200;
}

#logo img{
width:100%;
max-width:250px;
}

/*Start of the Header*/
header{
background-image: -webkit-gradient(
linear,
right top,
right bottom,
color-stop(0, #5C5656),
color-stop(1, #241E20)
);
background-image: -o-linear-gradient(bottom, #5C5656 0%, #241E20 100%);
background-image: -moz-linear-gradient(bottom, #5C5656 0%, #241E20 100%);
background-image: -webkit-linear-gradient(bottom, #5C5656 0%, #241E20 100%);
background-image: -ms-linear-gradient(bottom, #5C5656 0%, #241E20 100%);
background-image: linear-gradient(to bottom, #5C5656 0%, #241E20 100%);
}
.logo .navbar.navbar-inverse {
overflow: hidden;
}