在bootstrap中无法解决导航问题

时间:2013-11-01 20:24:39

标签: twitter-bootstrap navbar

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

你没有正确关闭标签。

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

需要关闭。

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

使用W3C的markup checker

检查标记