修改bootstrap轮播carousel-indicators对齐问题

Question

轮播图上面有相应一栏的内容 想让数字栏和下面的内容右对齐

想着在数字栏外面加上一层div 设置为container就一样宽了
但是container包裹不上
没有大小 设置overflow:hidden也不行 请问怎么解决这个对齐的问题

<div class="navbar navbar-inverse  bgdarkblue  " id="myScrollspy">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <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="#"><img src="../img/logo.png" alt="logo" class="img-responsive"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a>
                        <img class="nav-tel" src="../img/btn-tel.png">
                    </a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="active">
                    <a href="index.html">
                        <p>首页</p>
                        <p>HOME</p>
                    </a>
                </li>
                <li>
                    <a href="classic.html">
                        <p>经典案例</p>
                        <p>JINGDIAN</p>
                    </a>
                </li>
                <li>
                    <a href="famgam.html">
                        <p>解决方案</p>
                        <p>FAMGAM</p>
                    </a>
                </li>
                <li>
                    <a href="record.html">
                        <p>课件服务</p>
                        <p>LUKESHI</p>
                    </a>
                </li>
                <li>
                    <a href="event.html">
                        <p>优惠活动</p>
                        <p>HUODONG</p>
                    </a>
                </li>
                <li>
                    <a href="question.html">
                        <p>答疑解惑</p>
                        <p>DAYIJIE</p>
                    </a>
                </li>
                <li>
                    <a href="about.html">
                        <p>关于盛源</p>
                        <p>SHENGYU</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- /.navbar-collapse -->
</div>

希望大家帮我看下 container 清除了浮动还是没有高度
为什么会包裹不住呢

Answer 1

没有实际例子很难给出精准答案，不过主要是因为 ul 浮动了，于是父元素就没有了大小，可以尝试在 ul 下加入一个空 div 来用 clear: both 样式清除浮动，这样 container 的大小就正常了。