问JackMagic7网站引导？
EN

Stack Overflow用户

提问于 2016-03-09 03:27:59

回答 1查看 24关注 0票数 0

你好，我最近受雇于我们学校的一个孩子为他做一个网站。我是bootstrap的新手，也不是很好，但当我的导航栏按钮(对，顶部折叠时)时，我认为我已经掌握了它的诀窍。不会起作用的。请帮帮忙。

下面是我的代码：

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">



<link href="bootstrap.min.css" rel="stylesheet">

<link type="text/css" href="jack.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar navbar-static-top" id="my-navbar">


<div class="container">
<div class="navbar-header"></div>
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-    target="#navbar-collapse" >
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>

    <a class="navbar-brand" id="orange" href="">JackMagic7</a>
  </div>
  <div class="collapse navbar-collapse" id="navbar-collapse">
  <ul class="nav navbar-nav">
    <li><a href="#blog">Blog</a></li>
    <li><a href="#magic">Magic</a></li>
    <li><a href="#home">Home</a></li>
    <li><a href="#pics">Pics</a></li>
  </ul>
  </div>
  </div>



  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js">     </script>

<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
</body>
</html>

html

css

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2016-03-09 06:48:08

您忘记了关闭nav标签，这里是正确的代码，我还修复了一些小故障

我向你推荐一个编辑器/IDE，它支持语法高亮，为了防止这样的失败，另一个很酷的调试工具是Firefox的扩展“Firebug

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">



    <link href="bootstrap.min.css" rel="stylesheet">

    <link type="text/css" href="jack.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar navbar-static-top" id="my-navbar">


    <div class="container">
        <div class="navbar-header"></div>
        <button type="button" class="navbar-toggle" data-toggle="collapse" target="#navbar-collapse" >
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a class="navbar-brand" id="orange" href="">JackMagic7</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="#blog">Blog</a></li>
            <li><a href="#magic">Magic</a></li>
            <li><a href="#home">Home</a></li>
            <li><a href="#pics">Pics</a></li>
        </ul>
    </div>
    </div>
</nav>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js">     </script>

    <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35876314

复制

相似问题

问JackMagic7网站引导？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JackMagic7网站引导？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JackMagic7网站引导？
EN