Twitter bootstrap 带下拉菜单的水平菜单

Twitter bootstrap 带下拉菜单的水平菜单,twitter-bootstrap,menu,html-select,navbar,Twitter Bootstrap,Menu,Html Select,Navbar,我试图创建一个水平菜单,其中的项目都有下拉菜单,但一直保持垂直,我似乎不知道为什么。a标签总是占据我页面的全宽,即900px。但没有一种风格能够定义这一点。所以我迷路了,任何帮助都将不胜感激 <div class="navbar"> <div class="navbar-inner"> <ul class="nav"> <li> <a href="#" clas

我试图创建一个水平菜单,其中的项目都有下拉菜单,但一直保持垂直,我似乎不知道为什么。a标签总是占据我页面的全宽,即900px。但没有一种风格能够定义这一点。所以我迷路了,任何帮助都将不胜感激

 <div class="navbar">
    <div class="navbar-inner">
        <ul class="nav">
            <li>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Web development</a></li>
                    <li><a href="#">Wordpress Theme development</a></li>
                </ul>
            </li>
            <li>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Web development</a></li>
                    <li><a href="#">Wordpress Theme development</a></li>
                </ul>
            </li>
            <li>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Web development</a></li>
                    <li><a href="#">Wordpress Theme development</a></li>
                </ul>
            </li>
            <li>
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Web development</a></li>
                    <li><a href="#">Wordpress Theme development</a></li>
                </ul>
            </li>
        </ul>
    </div>


您是否使用引导程序3,是否如此,此代码将正常工作,请参阅正常工作的

<div class="navbar navbar-default">
    <div class="navbar-header"></div>
    <ul class="nav navbar-nav">
        <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

            <ul
            class="dropdown-menu">
                <li><a href="#">Web Design</a>
                </li>
                <li><a href="#">Web development</a>
                </li>
                <li><a href="#">Wordpress Theme development</a>
                </li>
    </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    </ul>
</div>


您是否使用引导程序3,是否如此,此代码将正常工作,请参阅正常工作的

<div class="navbar navbar-default">
    <div class="navbar-header"></div>
    <ul class="nav navbar-nav">
        <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

            <ul
            class="dropdown-menu">
                <li><a href="#">Web Design</a>
                </li>
                <li><a href="#">Web development</a>
                </li>
                <li><a href="#">Wordpress Theme development</a>
                </li>
    </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Starting a Business</a>

        <ul
        class="dropdown-menu">
            <li><a href="#">Web Design</a>
            </li>
            <li><a href="#">Web development</a>
            </li>
            <li><a href="#">Wordpress Theme development</a>
            </li>
            </ul>
    </li>
    </ul>
</div>


您有截图或链接吗?这很难通过单独查看代码来诊断。你有截图或链接吗?这很难通过单独查看代码来诊断。