JackMagic7网站引导？

你好，我最近被我的学校的一个孩子聘请为他建立一个网站。我是bootstrap新手，但我并不是很优秀，但我认为当我的导航栏按钮（右侧，顶部折叠时）无法工作时，我正在获取它的挂起。请帮忙。JackMagic7网站引导？

这里是我的代码：

<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>

来源

2016-03-08 mrboberson

你能不能把这个在的jsfiddle，它会更容易，看看有什么被认为是发生 – Shniper

你是什么意思的“导航栏按钮不会工作？”你能澄清吗？如果你描述了所需的行为 - 或者“打破”了什么 - 它会使它更容易帮助。 – wahwahwah

你忘了关闭导航标签，这里是正确的代码，我也修正了一些小的失误

我会建议你的编辑器/ IDE，它支持语法hihlighting，以防止此类故障，调试另一个很酷的工具是扩展名为“萤火虫”为Firefox

<!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>

来源

2016-03-08 22:48:08

嘿，我尝试使用此代码，但它没有奏效。你认为这可能是我的浏览器/电脑的问题吗？我应该使用什么IDE我不是很熟悉它们。 – mrboberson

我还从2014年11月开始在YouTube上使用一篇文章来学习引导。这是一个明智的决定吗？ – mrboberson

JackMagic7网站引导？

回答

相关问题