Question

我无法解决为什么我的网站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>

Answer 1

离开时，请确保属性，各自的值以及＆＃39; =＆＃39;它们之间没有空格，如下所示：href =＆＃34; style.css＆＃34;

编辑：另外，使用没有li的ul是没有意义的，请改用。试试并告诉发生了什么。

Answer 2

你没有正确关闭标签。

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

需要关闭。

这不是唯一的问题。还有更多。这是所有语法相关的。

使用W3C的markup checker

检查标记

在bootstrap中无法解决导航问题

2 个答案: