Div под фиксированным верхним баром

Question

Я хочу фиксированную верхнюю панель с содержимым ниже. Однако, если я не устанавливаю верхнюю границу поля, содержимое этого div будет помещено под фиксированную верхнюю панель.

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div id="navbar" class="navbar-collapse collapse"></div> 
    </div> 
</nav> 
<div class="container"> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
</div> 

Установить верхнюю границу поля - это правильный путь, или есть какой-то способ в boostrapt, чтобы сделать это?

http://jsfiddle.net/5f5g3mu0/

Answer 1

См Docs.

Фиксированный навигатор накладывает на ваш другой контент, если вы не добавите прокладку на верхнюю часть. Попробуйте свои собственные значения или воспользуйтесь нашим фрагментом ниже. Совет. По умолчанию навигационная панель имеет высоту 50 пикселей.

body { 
    padding-top:70px; 
}