Html 为什么不是'；为我的引导导航栏工作时不能向右拉？

请参见导航栏的信息部分。我想让它浮起来。我使用了

.pull right

，就像Bootstrap文档一样，但它不起作用

我还尝试过使用Inspect元素并应用

float:right！重要的

直接发送到不起作用的

li

，然后发送到也不起作用的

a

这是我的代码：

<div class="navbar"">
    <div class="navbar-inner">
        <ul class="nav">
            <li class="divider-vertical"></li>
            <li id="academics" class="dropdown main_college_nav_item"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Academics <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li id="professors"><a>Professors</a></li>
                    <li id="classes"><a>Classes</a></li>
                    <li id="difficulty"><a>Difficulty</a></li>
                    <li id="major"><a>Majors</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>
            <li id="living_environment" class="dropdown main_college_nav_item"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Living Environment <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li id="campus"><a>Campus</a></li>
                  <li id="food"><a>Food</a></li>
                  <li id="housing"><a>Housing</a></li>
                  <li id="weather"><a>Weather</a></li>
                  <li id="safety"><a>Safety</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>
            <li id="social_life" class="dropdown main_college_nav_item"><a class="dropdown-toggle" data-toggle="dropdown">Social Life <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li id="kids"><a>Kids/Atmosphere</a></li>
                  <li id="parties"><a>Parties</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>
            <li id="information" class="main_college_nav_item"><a class="pull-right">Information <i class="icon-resize-vertical"> </i></a></li>
            <li class="divider-vertical"></li>
        </ul>
    </div>
</div>

---

使用下面的HTML而不是您的HTML

我为信息选项卡创建了单独的
ul
，并向右浮动

更新：

<div class="navbar">
    <div class="navbar-inner">
        <ul class="nav">
            <li class="divider-vertical"></li>
            <li id="academics" class="dropdown main_college_nav_item"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Academics <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li id="professors" class="active"><a>Professors</a></li>
                    <li id="classes"><a>Classes</a></li>
                    <li id="difficulty"><a>Difficulty</a></li>
                    <li id="major"><a>Majors</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>
            <li id="living_environment" class="dropdown main_college_nav_item"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Living Environment <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li id="campus"><a>Campus</a></li>
                  <li id="food"><a>Food</a></li>
                  <li id="housing"><a>Housing</a></li>
                  <li id="weather"><a>Weather</a></li>
                  <li id="safety"><a>Safety</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>
            <li id="social_life" class="dropdown main_college_nav_item"><a class="dropdown-toggle" data-toggle="dropdown">Social Life <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li id="kids"><a>Kids/Atmosphere</a></li>
                  <li id="parties"><a>Parties</a></li>
                </ul>
            </li>
            <li class="divider-vertical"></li>

        </ul>



<ul class="nav pull-right">

            <li class="divider-vertical"></li>
            <li id="information" class="main_college_nav_item"><a>Information <i class="icon-resize-vertical"> </i></a></li>

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








校园
食品
住房
天气
安全



社交生活

孩子们/气氛
各方






信息

你能给我一个引导或jsfiddle吗？？？@NoobEditor更新了我的答案。@SurjithSM：使用浏览器宽度，它会出错……这不是引导功能……它应该是responsive@NoobEditor我甚至没有添加resposnive.css和支持HTML:-）OP提供的站点也没有响应。