Twitter Bootstrap-按鈕未呈現

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引導程序。

我想要的是在導航欄中有一個名為“ Rooms”的下拉按鈕，用於下拉“ Garage”和“ Toilet”

謝謝

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 個解決方案

解決方案1
0 2014-07-22 10:54:47

Twitter Bootstrap-按鈕未呈現

問題描述

1 個解決方案

解決方案1 0 2014-07-22 10:54:47

解決方案1
0 2014-07-22 10:54:47