2013-02-23 3 views
0

screenshotНе можете просматривать любое содержимое, находящееся под моим заголовком DIV

Я не знаю, почему я не могу просмотреть содержание под моим 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

Убрана срок. мой стиль.css не говорит ни с одним классом в моем home.html. (.drawing, .play, .sketch) –

+0

Вот ваш код jsBin (http://jsbin.com/ikedoc/1/edit). Он отлично работает (несмотря на вашу любопытную разметку. Я полагаю, вы испытываете или вроде ..). Где этот заголовок, который вы не можете включить в контент? Все, кажется, отлично работает для меня ... – Fico

+0

Может быть, это моя проблема с загрузкой? Я не понимаю, почему моя не появляется. Я не имел в виду заголовок, я имел в виду мой навигатор, исправил бы это выше. –

ответ

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

Почему вы говоря. Контейнер, а не только контейнер? –

+0

Я пробовал это с помощью «.container» и «container», и это не помогло решить мою проблему. –

+0

@BenjaminBakhshi проверить jsfiddle, .. – Shail

Смежные вопросы