Domande taggate «twitter-bootstrap»

Bootstrap è un framework front-end progettato per dare il via allo sviluppo di app e siti Web. Per domande relative a una versione di Bootstrap utilizzare anche il tag della versione specifica dai tag "twitter-bootstrap-2", "twitter-bootstrap-3" e "bootstrap-4".

27
Bootstrap Modal scompare immediatamente
Sto lavorando su un sito Web utilizzando bootstrap. Fondamentalmente, volevo usare un modale nella home page, convocato dal pulsante nell'Unità Eroe. Codice pulsante: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Codice modale: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 …
12
Bootstrap 3 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 …
7
Contrassegnare l'errore nel modulo utilizzando Bootstrap
Ho iniziato a utilizzare Bootstrap per ottenere un bel design di pagina senza ricorrere a GWT (il backend è realizzato in Java) Per la mia schermata di accesso ho copiato questo esempio . Ora voglio contrassegnare un errore, ad esempio, che il nome utente è stato lasciato vuoto. Quindi mi …
4
Come gestire l'evento di chiusura modale in Twitter Bootstrap?
Nel bootstrap di Twitter, guardando la documentazione modale . Non sono riuscito a capire se c'è un modo per ascoltare l'evento vicino del modale ed eseguire una funzione. ad esempio, prendiamo questo modale come esempio: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> …
7
Come aggiungere un'icona a forma di spinner al pulsante quando si trova nello stato Caricamento?
I pulsanti di Twitter Bootstrap hanno un bel Loading...stato disponibile. Il fatto è che mostra solo un messaggio come Loading...passato attraverso l' data-loading-textattributo in questo modo: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Guardando Font Awesome, vedi che ora c'è un'icona a forma di spinner …
16
Tabella Bootstrap senza strisce / bordi
Sono un po 'bloccato con un problema CSS durante l'utilizzo di Bootstrap. Sto anche usando Angular JS con Angular UI.bootstrap (che potrebbe essere parte del problema). Sto realizzando un sito Web che visualizza i dati in una tabella. A volte, i dati contengono oggetti che devo visualizzare nelle tabelle. Quindi …
17
$ (finestra) .width () non è lo stesso della media query
Sto usando Twitter Bootstrap su un progetto. Oltre agli stili di bootstrap predefiniti ne ho anche aggiunti alcuni //My styles @media (max-width: 767px) { //CSS here } Sto anche usando jQuery per cambiare l'ordine di alcuni elementi nella pagina quando la larghezza del viewport è inferiore a 767px. $(document).load($(window).bind("resize", checkPosition)); …
4
Twitter Bootstrap Button Testo Word Wrap
Per la mia vita non sono in grado di ottenere questi pulsanti Twitter Bootstrap per avvolgere il testo su più righe, sembrano così. Non riesco a pubblicare immagini, quindi questo è ciò che sta facendo ... [Questo è il testo bu] tton Vorrei che appaia [Questo è il ] [testo …
28
Sovrapposizione di modali multipli
Ho bisogno che l'overlay sia mostrato sopra il primo modale, non sul retro. Mostra snippet di codice $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the …
11
Come impostare lo stato attivo per un determinato campo in un Bootstrap modale, una volta visualizzato
Ho visto un paio di domande riguardo alle modali bootstrap, ma nessuna esattamente così, quindi andrò avanti. Ho un modale che chiamo onclick in questo modo ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Funziona bene, ma quando mostro il modale voglio concentrarmi sul primo elemento di input ... In tal caso il primo …
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.