无法在引导程序中导航栏

debugcn 发表于 Dev

用户2932546

我无法弄清楚为什么我的网站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>

keaplogik

您没有正确关闭标签。

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

需要关闭。

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。