Question

<!DOCTYPE html>
<html>
  <head>

    <title>Welcome to my garage</title>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" >

  <body>
    <div class="navbar navbar-inverse" >
      <div class="container">
          <a href="#" class="navbar-brand" >MyGarage</a>
          <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse" >
            Rooms
          </button>

        <div class = "collapse navbar-collapse navHeaderCollapse" >
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Garage</a></li>
              <li><a href="#">Toilet</a></li>
            </ul>
        </div>
      </div>
    </div> 

    <h1> List of posts (yet ;) ) </h1>
            <br /><br /><br /><br />
    <a href="http://localhost/4dd1cti0n/index.php/add_post">Add Post</a> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>
  </head>
</html>

有人可以解释为什么标签没有在Firefox中呈现？我正在玩twitter bootstrap。

我想要的是一个名为＆＃34; Rooms＆＃34;的下拉按钮。在导航栏中下降＆＃34;车库＆＃34;和＃34;厕所＆＃34;

三江源

Answer 1

替换此标记

<!DOCTYPE html>
<html>
    <head>
        <title>Welcome to my garage</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    </head>
    <body>
        <div class="navbar navbar-inverse" >
            <div class="container">
                <a href="#" class="navbar-brand" >MyGarage</a>
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse" >
                    Rooms
                </button>

                <div class = "collapse navbar-collapse navHeaderCollapse" >
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">Garage</a></li>
                        <li><a href="#">Toilet</a></li>
                    </ul>
                </div>
            </div>
        </div> 
        <h1> List of posts (yet ;) ) </h1>
        <br /><br /><br /><br />
        <a href="http://localhost/4dd1cti0n/index.php/add_post">Add Post</a> 
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>
</html>

Twitter Bootstrap - 按钮无法渲染

1 个答案: