0

我无法弄清楚为什么我的网站右上角的导航栏按钮http://www.fishtrends.com

它适用于另一个网站http://www.fishtrends.com/main.html但我完全不知道为什么它不适用于以下代码。

代码如下；

<div class = "navbar navbar-default navbar-static-top">
    <div class="container">
        <a href = "#" class = "navbar-brand"><b>Fishtrends</b> - Social Fish trending</a>
        <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse"
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div class= "collapse navbar-collapse navHeaderCollapse">
        <ul class = "nav navbar-nav navbar-right">
          <li class = "active"><a href ="/register.php"><i class="glyphicon glyphicon-home"></i> Register</li>
          <li class = "dropdown">
            <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown"><i class="glyphicon glyphicon-user"></i> Login<b class="caret"></b></a>
            <ul class = "dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                <form action="login.php" method="post"> Username:<br /> 
                    <input type="text" name="username" value="<?php echo $submitted_username; ?>" /> 
                    <br /><br /> Password:<br /> <input type="password" name="password" value="" /> 
                    <br /><br /> 

                    <input type="submit" class="btn btn-info" value="Login" /> 
            </form> 
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
4

2 回答 2

0

您没有正确关闭标签。

<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse"

需要关闭。

那不是唯一的问题。还有更多。不过，这都是与语法相关的。

使用 W3C 的标记检查器检查标记

于 2013-11-01T20:41:34.860 回答
0

首先，确保属性、它们各自的值和 '=' 之间没有空格，如下所示：href="style.css"

编辑：另外，使用没有 li 的 ul 是没有意义的，请改用。试试看，然后告诉你会发生什么。

于 2013-11-01T20:31:20.807 回答