Bootstrap Navbar放置在旋转木马上

Question

我有以下页面菜单

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" >
    <div class="container">
        <div class="row">
            <div class="col-xs-11 col-xs-offset-1" >

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

            <div class="navbar-brand">
             My logo
            </div>


        </div>
        <div class="navbar-collapse collapse">
            <div class="navbar-right">
                <ul class="nav navbar-nav">
                    <li><div class="some_class" style="margin: auto;"></div></li>
                </ul>
            </div>

        </div>
                </div>
            </div>
    </div>
</div>

我也有以下bootstrap轮播：

<div id="carusel" class="carousel slide" data-ride="carousel">


            <div class="carousel-inner" role="listbox" >

                <div class="active item" id="item1">
                    <img class="new" src="../image1.png"  style="min-height:496px;max-height: 896px;width: 100%" alt="...">


                    <div class="carousel-content">

                        <div class="row">
                            <div class="col-xs-11  col-xs-offset-1"  >

                                <div class="col-md-8  center-block"  >
                                Content1
                                 </div>

                               <div class="col-md-8  center-block"  >
                                Content2
                                 </div>
               </div>
           </div>

菜单由左侧部分和右侧部分组成 我的旋转木马上有一个内容。
内容由左列和右列组成。 如何将左列放在菜单左侧部分的下方（相同的X坐标），右栏放在菜单右下方的正下方。 （相同的Y坐标）。 换句话说： 如何在菜单的“我的徽标”下方放置“内容1”。我的意思是将它们放置在某种方式中，它们将具有相同的x坐标，相同的左边距。 所以我想根据引导菜单调整我的轮播内容。