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".

30
Centra una colonna usando Twitter Bootstrap 3
Come posso centrare un div della dimensione di una colonna all'interno del contenitore (12 colonne) in Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Esegui snippet di codiceNascondi risultatiEspandi frammento Voglio un div, con una classe .centeredda …
30
Come posso rendere le colonne Bootstrap tutte della stessa altezza?
Sto usando Bootstrap. Come posso rendere tre colonne tutte della stessa altezza? Ecco uno screenshot del problema. Vorrei che le colonne blu e rosse fossero della stessa altezza della colonna gialla. Ecco il codice: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div …
23
allineare verticalmente con Bootstrap 3
Sto usando Twitter Bootstrap 3 e ho problemi quando voglio allineare verticalmente due div, ad esempio - JSFiddle link : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> …
14
Come aprire una finestra modale Bootstrap usando jQuery?
Sto usando la funzionalità della finestra modale Twitter Bootstrap. Quando qualcuno fa clic su Invia sul mio modulo, voglio mostrare la finestra modale facendo clic sul "pulsante di invio" nel modulo. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal …
6
Che cos'è solo SR in Bootstrap 3?
A cosa serve la classe sr-only? È importante o posso rimuoverlo? Funziona bene senza. Ecco il mio esempio: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> …
30
Bootstrap modale visualizzato in background
Ho usato il codice per il mio modale direttamente dall'esempio Bootstrap e ho incluso solo bootstrap.js (e non bootstrap-modal.js). Tuttavia, il mio modale appare sotto la dissolvenza grigia (sfondo) e non è modificabile. Ecco come appare: Vedi questo violino per un modo per riprodurre questo problema. La struttura di base …
23
Come si ottengono contenuti centrati utilizzando Twitter Bootstrap?
Sto cercando di seguire un esempio molto semplice. Utilizzando la pagina iniziale e il sistema a griglia , speravo che: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Esegui snippet di codiceNascondi risultatiEspandi frammento ... produrrebbe un testo centrato. Tuttavia, appare ancora all'estrema sinistra. Che cosa sto …
11
Associa una funzione a Twitter Bootstrap Modal Close
Sto usando la libreria Twitter Bootstrap su un nuovo progetto e voglio che parte della pagina aggiorni e recuperi gli ultimi dati json alla chiusura modale. Non vedo questo da nessuna parte nella documentazione qualcuno può indicarmelo o suggerire una soluzione. Due problemi con l'utilizzo dei metodi documentati $('#my-modal').bind('hide', function …
10
Passare i dati a un bootstrap modale
Ho un paio di collegamenti ipertestuali a cui è associato un ID. Quando faccio clic su questo link, desidero aprire un modale ( http://twitter.github.com/bootstrap/javascript.html#modals ) e passare questo ID al modale. Ho cercato su Google, ma non sono riuscito a trovare nulla che potesse aiutarmi. Questo è il codice: <a …
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.