Domande taggate «twitter-bootstrap-3»

Bootstrap 3 è la terza generazione del framework front-end che consente uno sviluppo web più rapido con un aspetto accattivante. Utilizzare con il tag [twitter-bootstrap]

5
Bootstrap input di testo a larghezza intera in formato inline
Sto lottando per creare una casella di testo che si adatti all'intera larghezza dell'area del mio contenitore . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Quando faccio quanto sopra, i due elementi del …
6
Come aggiungere una casella di ricerca con icona alla barra di navigazione in Bootstrap 3?
Sto usando il nuovo Twitter Bootstrap 3 e sto cercando di posizionare una casella di ricerca come questa (sotto) nella barra di navigazione in alto : In Bootstrap 2, avrebbe potuto fare così: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i …
13
Bootstrap 3: pull-right solo per col-lg
Nuovo per bootstrap 3 .... Nel mio layout ho: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Vorrei che gli "elementi 2" NON fossero allineati su schermi più piccoli di quelli colorati. Così efficace avere la classe pull-right solo per col-lg-6 ... …
14
Bootstrap 3 Comprimi mostra lo stato con l'icona Chevron
Usando l'esempio principale preso dal Bootstrap 3 Javascript pagina degli esempi per Collapse , sono stato in grado di mostrare lo stato del collasso usando le icone chevron. Ho questo lavoro usando: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Funziona (non completamente testato in tutti i …
18
Bootstrap 3: Mantieni la scheda selezionata durante l'aggiornamento della pagina
Sto cercando di mantenere attiva la scheda selezionata durante l'aggiornamento con Bootstrap 3 . Ho provato e verificato con alcune domande già poste qui ma nessuna di lavoro per me. Non so dove sbaglio. Ecco il mio codice HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" …
6
Bootstrap 3 - Perché la classe di riga è più ampia del suo contenitore?
Ho appena iniziato a usare Bootstrap 3. Ho difficoltà a capire come funziona la classe row. C'è un modo per evitare la padding-lefte padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.