Domande taggate «navbar»

Come potrei modificare il CSS per cambiare il colore della barra di navigazione in Twitter Bootstrap?

711 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  navbar 

In Bootstrap , qual è il modo più intuitivo per creare una barra di navigazione con Logo A a sinistra, voci di menu al centro e Logo B a destra? Ecco quello che ho provato finora, e finisce per essere allineato in modo che il Logo A sia a sinistra, …

437 html  css  twitter-bootstrap  bootstrap-4  navbar 

Voglio usare la barra di navigazione predefinita di Bootstrap 3 con un logo immagine invece del testo. Qual è il modo corretto di farlo senza causare problemi con schermi di dimensioni diverse? Presumo che questo sia un requisito comune, ma non ho ancora visto un buon esempio di codice. Un …

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar 

Come allineare un elemento della barra di navigazione a destra? Voglio avere il login e registrarmi a destra. Ma tutto ciò che provo non sembra funzionare. Questo è quello che ho provato finora: <div>intorno al <ul>con l'attributo:style="float: right" <div>intorno al <ul>con l'attributo:style="text-align: right" ho provato queste due cose sui <li>tag …

341 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Se ho una barra di navigazione nel bootstrap con gli articoli Home | About | Contact Come posso impostare la classe attiva per ciascuna voce di menu quando sono attivi? Cioè, come posso impostare class="active"quando il percorso angolare è a #/ per Casa #/about per la pagina di informazioni #/contact …

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

Sto riscontrando problemi nel centrare i miei contenuti nella barra di navigazione del bootstrap. Sto usando bootstrap 3. Ho letto molti post, ma i CSS o i metodi utilizzati non funzioneranno con il mio codice! Sono davvero frustrato, quindi questa è la mia ultima opzione. Qualsiasi aiuto sarebbe apprezzato! <!DOCTYPE …

221 css  twitter-bootstrap  navbar 

Attualmente, quando la larghezza del browser scende al di sotto di 768 px, la barra di navigazione passa alla modalità compressa. Voglio cambiare questa larghezza a 1000 px, quindi quando il browser è inferiore a 1000 px, la barra di navigazione passa alla modalità compressa. Voglio farlo senza usare MENO, …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

Esiste un modo per aumentare il punto in cui collassa la barra di navigazione di bootstrap 3 (ovvero in modo che collassi in un menu a discesa su tablet verticali)? Questi due erano applicabili a bootstrap 2 ma non ora! Come modificare la soglia di collasso della barra di navigazione …

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Come posso cambiare il colore di sfondo della barra di navigazione di Twitter Bootstrap 2.0.2? Come posso cambiare il colore di tutti gli elementi della barra di navigazione per riflettere il colore di sfondo?

113 colors  twitter-bootstrap  navbar 

La documentazione bootstrap su questo argomento è un po 'confusa per me. Voglio ottenere un comportamento simile come nei documenti con l'apposizione barra di navigazione: la barra di navigazione si trova sotto un'intestazione di paragrafo / pagina e, scorrendo verso il basso, dovrebbe prima scorrere fino a raggiungere la parte …

110 css  web  twitter-bootstrap  navbar 

Sto cercando di diminuire l'altezza della barra di navigazione di bootstrap 3.0 che viene utilizzata con un comportamento superiore fisso. Qui sto usando il codice. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Questa è la mia semplice barra di navigazione: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> …

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault