Javascript twitter引导程序顶部导航栏中的奇怪间距_Javascript_Html_Css_Twitter Bootstrap

Javascript twitter引导程序顶部导航栏中的奇怪间距

javascript html css twitter-bootstrap

Javascript twitter引导程序顶部导航栏中的奇怪间距,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我一直在使用Twitter引导在页面顶部创建一个导航栏，该页面有几个下拉菜单。出于某种原因，第一个列表元素通过填充顶部空间的空链接与栏的底部对齐。我为其他列表项复制了第一个术语，但没有任何其他元素与底部对齐或具有空链接。有没有办法解决这个问题 <!DOCTYPE html> <html> <head> <title>Nav Mockup</title> <link rel="stylesheet" type="te

我一直在使用Twitter引导在页面顶部创建一个导航栏，该页面有几个下拉菜单。出于某种原因，第一个列表元素通过填充顶部空间的空链接与栏的底部对齐。我为其他列表项复制了第一个术语，但没有任何其他元素与底部对齐或具有空链接。有没有办法解决这个问题

<!DOCTYPE html>
<html>
<head>
    <title>Nav Mockup</title>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="container">

            <a href="#" class="navbar-brand">NCTL<a>
            <button class="navbar-toggle" data-toggle="collapse" data-target="navbarHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse navbarHeaderCollapse">

                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >About NCTL <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Challenge / Links</a></li>
                            <li><a href="#">STEM Equity</a></li>
                            <li><a href="#">Slannis Message</a></li>
                            <li><a href="#">Supporters</a></li>
                            <li><a href="#">MOS Press Room</a></li>
                        </ul>
                    </li>                   
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Education Programs <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">K12 Classroom</a></li>
                            <li><a href="#">Museum Based</a></li>
                            <li><a href="#">Traveling</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Advocacy <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Achievements</a></li>
                            <li><a href="#">Resources</a></li>
                            <li><a href="#">Video Links</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >News <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Enews Archive</a></li>
                            <li><a href="#">NCTL Studies</a></li>
                            <li><a href="#">Media Coverage</a></li>
                        </ul>
                    </li>
                </ul>

            </div>

        </div>
    </div>

</body>
</html>


导航模型

您的标记中有一个错误

<a href="#" class="navbar-brand">NCTL<a>

您的标记中有一个错误

<a href="#" class="navbar-brand">NCTL<a>

您的标记中有一个错误

<a href="#" class="navbar-brand">NCTL<a>

您的标记中有一个错误

<a href="#" class="navbar-brand">NCTL<a>