opcje w navbarze,bootstrap

pytanie zadane 9 stycznia 2017 w HTML i CSS przez Apper97 Obywatel (1,380 p.)

Witam.

Przejdę od razu do problemu. http://scr.hu/0w2qu/vzwun Tak jak jest na obrazku chciałbym obok napisu dodać róznę opcje typu "opcja 1" "opcja 2" i tk z 3,4 opcje, ponadto chciałbym wiedzieć jak mógłbym przeprzybliżać ku napisu a jak oddalać. Mój kod:

<body>
      <div class="container">
        <nav class="navbar navbar-default">
        <a href="#" class="navbar-left"><img src="real5.jpg" width="85px" margin-bottom="10px"></a>
        <h1 class="naglowek"><em>Real Madrid Club de Fútbol</em></h1>
      

        </nav>
      </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>

Przykładowo gdy dodaje cokolwiek, nawet przycisk to navbar powieksza mi się a [rzycisk przeskakuje na dół zamiast obok napisu czy tez na koniec navbaru

1 odpowiedź

odpowiedź 9 stycznia 2017 przez hoktaur Pasjonat (22,250 p.)
wybrane 9 stycznia 2017 przez Apper97

Najlepsza

Masz przykład

 <nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
      <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
    </ul>
  </div>
</nav>

A co do oddalanie to jak zwykle padding lub margin