Html JackMagic7网站引导?
你好,我最近被学校的一个孩子雇来为他制作一个网站。我是一个新手,我不太擅长引导,但当我的导航栏按钮(右,折叠时顶部)不起作用时,我以为我已经掌握了它的窍门。请帮忙 这是我的密码:Html JackMagic7网站引导?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,你好,我最近被学校的一个孩子雇来为他制作一个网站。我是一个新手,我不太擅长引导,但当我的导航栏按钮(右,折叠时顶部)不起作用时,我以为我已经掌握了它的窍门。请帮忙 这是我的密码: <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="w
<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>
您忘记关闭导航标签,这是正确的代码,我还修复了一些小故障
我向您推荐一个编辑器/IDE,它支持语法hihlighting,为了防止此类故障,另一个很酷的调试工具是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>
你能把它放在一个jsfiddle中吗?这样可以更容易地看到应该发生什么事情。你说的“导航栏按钮不起作用”是什么意思?你能澄清一下吗?如果你描述了你想要的行为——或者是什么“坏”了——这会让你更容易得到帮助。你认为我的浏览器/电脑可能有问题吗?我应该使用什么样的IDE?我对它们不是很熟悉。我还使用2014年11月YouTube上的一篇帖子来学习bootstrap。这是一个明智的决定吗?