Bootstrap: Pasek nawigacji nie jest ustawiony na bardzo wysoki ma dopełnienie 40 pikseli?

Mam problem z Twittera bootstrap to jak wygląda mój navbar: Bootstrap navbar is in bue Bootstrap: Pasek nawigacji nie jest ustawiony na bardzo wysoki ma dopełnienie 40 pikseli?

Istnieje luka pomiędzy górze strony i paska nawigacyjnego. Próbowałem za pomocą

.navbar { stanowisko: ustalone ważne; do góry: 0 pikseli; wypełnienie: 0px; margin: 0px; }

w moim pliku CSS, ale nadal nie działa. Wygląda to tak w mobilnym i stacjonarnym (z responsywnym css). Próbowałem umieszczać moje strony css po responsywnym css i wcześniej, ale to nic nie robi. Czy ktoś ma jakiś pomysł, dlaczego tak jest?

dane paska nawigacyjnego z bootstrap.css:

.navbar-fixed-top, 
.navbar-fixed-bottom { 
    position: fixed; 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    margin-bottom: 0; 
} 

.navbar-fixed-top .navbar-inner, 
.navbar-fixed-bottom .navbar-inner { 
    padding-right: 0; 
    padding-left: 0; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
      border-radius: 0; 
} 

.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 940px; 
} 

.navbar-fixed-top { 
    top: 0; 
} 

.navbar-fixed-bottom { 
    bottom: 0; 
} 

.navbar .nav { 
    position: relative; 
    left: 0; 
    display: block; 
    float: left; 
    margin: 0 10px 0 0; 
}

Źródło

2013-06-06 arberb

Jaki jest Twój kod CSS/HTML na pasku nawigacyjnym? –

DodaĂ Ci ciało, html robi jakieś dopełnienie do,

html, body{ 
    margin:0px; 
    padding:0px; 
}

Źródło

2013-06-07 11:17:44 ErikMes

używasz navbar-inner? Na pasku nawigacyjnym trzeba będzie tę hierarchię klas i div:

 <div class="navbar navbar-fixed-top"> 
      <div class="navbar-inner"> 
       ... 
      </div> 
     </div>

Źródło

2013-06-06 12:46:26

Proszę sprawdzić czy body ma padding-top lub margin-top. Jeśli próbujesz bezpośrednio edytować stronę programu do ładowania początkowego, ma ona dla ciała postać padding-top, aby zawartość nie została zapakowana pod ustalonym paskiem nawigacyjnym.

Źródło

2013-06-07 11:12:52 Ravimallya

Pamiętaj, aby wyzerować padding i margines dla wszystkich elementów

* { 
    margin:0; 
    padding:0; 
    }

Również jeśli zawartość z wewnątrz pasek nawigacji ma margines góry czasami może go również popchnąć.

Źródło

2014-03-05 08:33:56

Wystarczy dać jeszcze jedną radę na wypadek, gdyby ktoś googlował i miał ten sam problem co ja. Zawsze upewnij się, że nie szukasz więcej prostszego rozwiązania tego problemu. W moim przypadku navbar został przesunięty w dół, tak jak gdyby część dokumentu miała ok. ~ 40px dopełnienie, ale problem był bezpański charakter ukryty powyżej paska nawigacyjnego tak:

<script> 
*JavaScript would go here* 
\</script> <!-- Here you can see the offending backslash before the '</script> tag and it was hidden due to it being a similar color to my dark background. --> 

    <body id="wrapper"> 
{% block navbar %} 
<nav class="navbar navbar-inverse navbar-static-top"> 
     <div class="container-fluid"> 
      <!--- Logo --> 
<!--*rest of the file*-->

Źródło

2018-01-06 00:16:34

Bootstrap: Pasek nawigacji nie jest ustawiony na bardzo wysoki ma dopełnienie 40 pikseli?

Odpowiedz

Powiązane problemy