Cosa fa la classe "navbar-header" in Bootstrap?

Question

Sto usando la classe .navbar-header di Bootstrap per le mie barre di navigazione per un po 'di tempo, ma non mi sono mai preoccupato di chiedermi perché. Ho cercato online perché lo usassimo ma non abbiamo trovato alcuna spiegazione. Qualcuno può spiegare qual è il suo scopo?

<nav class="navbar navbar-inverse "> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a href="#" class="navbar-brand"> 
     Website Name 
     </a> 
    </div> 
    </div> 
</nav> 

Answer 1

L'intestazione di barra di spostamento è principalmente una classe di architettura per la barra di navigazione Bootstrap. Alloca approssimativamente 150px a sinistra della barra di navigazione per avvolgere il marchio navbar e consentire al marchio o al logo di utilizzare l'intera area con un clic o un passaggio del mouse. Ma la proprietà più utile dell'intestazione navbar è la sua capacità di risposta al 100% della larghezza su e dopo 768px (visualizzazioni della tavoletta). Ciò consente al marchio di essere centrato nella parte superiore del viewport, che è una buona idea evitare il menu reattivo che si sovrappone al marchio quando si apre. EDIT -> Il marchio della barra di navigazione non risponde alla larghezza del 100%.

Ma hai ragione, poco si dice su questa classe nel web, perché di per sé non esegue una funzione. La maggior parte delle persone lascia o lascia solo, sostituiscilo o usalo come classe hook (genitore) per indirizzare il marchio navbar o qualsiasi altro elemento che desidera includere all'interno.