Bootstrap按钮在导航栏中折叠

时间:2016-07-30 15:30:30

标签: twitter-bootstrap

在关注“Bootstrap 3 Tutorials - #2 - Responsive Collapsing Navbar [1080p]”时,我被卡住了这个按钮; https://www.youtube.com/watch?v=qpWlaOeGZ_4

当按钮被阻止时,主页链接应该以页面的移动大小显示。 但没有任何反应,任何人都可以帮助我吗?

<!DOCTYPE html>
<html>
<head>
    <meta charset="ISO-8859-1">
    <title>Insert title here</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.min.css" rel = "stylesheet">
    <link href="css/styles.css" rel="stylesheet">

</head>

<body>

    <div class="navbar navbar-default navbar-static-top">
        <div class="container">
            <a href="" class="navbar-brand">My Home</a>

            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">Button Test</button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Home</a></li>                
                </ul>

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

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>

</body>
</html>

0 个答案:

没有答案