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網站引導？

回答

相關問題