Bootstrap stałe navbar wewnątrz div

W bootstrap documentation oni w stanie "pułapka" a .navbar-fixed-top wewnątrz ich .bs-docs-example div:Bootstrap stałe navbar wewnątrz div

<div class="bs-docs-example bs-navbar-top-example"> 
    <div class="navbar navbar-fixed-top" style="position: absolute;"> 
     <div class="navbar-inner"> 
     [...]

Ale jeśli zrobić to samo w mojej stronie testowej pasek nawigacyjny "ucieka" i div dostać się na górze ciała, a nie na górze div. Jak to osiągnąć?

Źródło

2013-02-07 einundswanzig

czy to zachowanie lewego paska nawigacyjnego na http://twitter.github.com/bootstrap/components.html#navbar, o które się zastanawiasz? –

Nop to przykład pod tytułem "Naprawiono na górze" (i "Naprawiono na dole") po prawej stronie. Wszystkie mają na sobie znaczek "Przykład". – einundswanzig

Ok to wymyśliłem. Kontener elementu nadrzędnego musi mieć wartość position: relative, a pasek nawigacji musi mieć wartość position: absolute, w ten sposób, jeśli podłączysz wartość .navbar-fixed-top lub .navbar-fixed-bottom, zostanie ustalona względem elementu nadrzędnego, a NIE względem całej strony. Tak!

Źródło

2013-02-07 17:42:36 einundswanzig

To działało dla mnie, ale mój div ma nadmiar, a navbar nie przewija się razem z nim. Czy walczyłeś z tym? – ScubaSteve

<div class="container-fluid"> 
    <div class="container"> 
     <nav class="navbar">...</nav> 
    </div> 
</div>

Działa to z wbudowanym CSS Bootstrapa.

Źródło

2017-06-07 23:07:35 json4rest

Bootstrap stałe navbar wewnątrz div

Odpowiedz

Powiązane problemy