Tekst chowa się pod navbarem :P

Question

Cześć, mam taki kod HTML

<nav id="header" class="navbar navbar-fixed-top">
  <div id="header-container" class="navbar-container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a id="brand" class="navbar-brand" href="#">Project name</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active">
          <a href="#">Home</a>
        </li>
        <li>
          <a href="#about">About</a>
        </li>
        <li>
          <a href="#contact">Contact</a>
        </li>
      </ul>
</nav>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
Welcome
</div>
</div>
</div>

Korzystam z bootstrapa i efekt jest taki... Jak dam klasie .navbar kolor niebieski to tekst jest nadal pod navbarem, tyle że go nie widać. :D

Answer 1

Masz fixed pozycję dla menu i dlatego tak jest. Musisz nadać blokowi z tekstem margines/padding odpowiadający wysokości header lub po prostu dać margines na body równy wysokości header (ja tak zawsze robię).

Comments

Tak się zastanawiałem nad tym, ale nie byłem pewny czy to dobre rozwiązanie. OK, tak zrobię. Dziękuję. C: