Pytanie Jak wyświetlić wiele pasków nawigacyjnych Bootstrap na tej samej stronie?


Czy jest możliwe pokazanie więcej niż jednego navbara na danej stronie? Chciałbym mieć odwrócony pasek nawigacyjny ustawiony na górze, a na niektórych stronach ma drugi stały pasek nawigacji tuż pod nim jako dodatkowy nagłówek informacji.


16
2018-05-10 16:36


pochodzenie




Odpowiedzi:


Na pewno możesz mieć 2 szyby. Być może będziesz musiał poprawić kod, aby uzyskać go tak, jak chcesz ...

Przykład roboczy

<div class="navbar navbar-static-top navbar-inverse">
  <div class="navbar-inner">
    <a class="brand" href="#">Brand</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">More</a></li>
      <li><a href="#">Options</a></li>
    </ul>
  </div>
</div>
<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>

13
2018-05-10 17:38



Problemem, który mam, jest to, że jeśli zastosuję navbar-fixed-top do obu, drugi jest na górze (oś Z), pierwszy. - kettch
Ok, mam to ustalone. Nie jestem pewien, czy to najlepszy sposób na zrobienie tego. bootply.com/61112 - kettch
Proszę zamknąć wątek, ponieważ przykłady bootply już nie działają. - LinuxLuigi
Łącza startowe działają poprawnie. Dodałem kod do odpowiedzi. - Themes.guide