無法查看任何內容我的頭格

下，我不知道爲什麼我不能查看我的navbar.All下面的內容我得到的是空白我在的地方<h1>Hello</h1>的。希望能夠特別感謝這些代碼的一些指導，同時也希望瞭解將來如何避免這個問題的更多資源。

<!DOCTYPE html> 
<html> 
<head> 
    <title>A random title piece.</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="../static/css/bootstrap.css" rel="stylesheet" media="screen"> 
    <link href="../static/style.css" rel="stylesheet" media="screen"> 

</head> 
<body> 

    <div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container pull-left"> 
<a class="brand" href="../">Things and Stuff </a> 
       <div class="nav-collapse collapse" id="main-menu"> 
        <ul class="nav" id="main-menu-left"> 
         <li class="divider-vertical"></li> 
         <li> 
          <form class="form-search"> 
           <div class="input- append"> 
            <input  type="text" class="span2 search-query"> 
            <button type="submit" class="btn"> 
             Search 
            </button> 
           </div> 
          </form> 
         </li> 
         <li> 
          <a id="swatch-link" href="../popular">Example 1</a> 
         </li> 
         <li> 
          <a id="swatch-link" href="../sold">Example 2</a> 
         </li> 
         <li> 
          <a id="swatch-link" href="../new">Example 3</a> 
         </li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

<h1>Hello</h1> 

    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="../static/js/bootstrap.min.js"></script> 
    <script src="../static/js/json2.js"></script> 


</body>

來源

2013-02-23 Benjamin Bakhshi

刪除跨度。我的style.css不會和我的home.html中的任何類進行交談。（.drawing，.play，.sketch） – 2013-02-23 13:34:00

以下是帶有代碼的jsBin（http://jsbin.com/ikedoc/1/edit）。它工作正常（儘管你好奇的標記，我想你正在測試或排序..）。那個你不能包含內容的標題benith在哪裏？一切似乎都適合我... – Fico 2013-02-23 13:45:51

難道是我的bootstrap導致了一個問題？我不明白我爲什麼沒有露面。我不是指頭標，我指的是我的導航欄，將解決上述問題。 – 2013-02-23 13:50:13

內容是隱藏你的頭.Wrap您的內容與類容器一個div之下，不是讓我們知道。
Here is a jsfiddle
Jsfiddle with padding

<div class=".container"> 
    <h1>Hellow world</h1> 
</div>

並添加followingin你的CSS

.container > h1 
{ 
margin-top:70px; 

}

或者你可以用下面的話，建議使用這一個：

.container > h1{ 
    padding-top:70px; 
}

來源

2013-02-23 13:35:49 Shail

你爲什麼說容器而不只是容器？ – 2013-02-23 13:38:03

我嘗試過，「.container」和「容器」，並沒有解決我的問題。 – 2013-02-23 13:38:16

@BenjaminBakhshi檢查jsfiddle，.. – Shail 2013-02-23 13:45:17

無法查看任何內容我的頭格

回答

相關問題