2013-02-23 38 views
0

screenshot无法查看任何内容我的头格

下,我不知道为什么我不能查看我的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> 

+0

删除跨度。我的style.css不会和我的home.html中的任何类进行交谈。 (.drawing,.play,.sketch) – 2013-02-23 13:34:00

+0

以下是带有代码的jsBin(http://jsbin.com/ikedoc/1/edit)。它工作正常(尽管你好奇的标记,我想你正在测试或排序..)。那个你不能包含内容的标题benith在哪里?一切似乎都适合我... – Fico 2013-02-23 13:45:51

+0

难道是我的bootstrap导致了一个问题?我不明白我为什么没有露面。我不是指头标,我指的是我的导航栏,将解决上述问题。 – 2013-02-23 13:50:13

回答

1

内容是隐藏你的头.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; 
} 
+0

你为什么说容器而不只是容器? – 2013-02-23 13:38:03

+0

我尝试过,“.container”和“容器”,并没有解决我的问题。 – 2013-02-23 13:38:16

+0

@BenjaminBakhshi检查jsfiddle,.. – Shail 2013-02-23 13:45:17