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
Centratura verticale della finestra modale di Bootstrap
Vorrei centrare il mio modale sul viewport (al centro) Ho provato ad aggiungere alcune proprietà CSS .modal { position: fixed; top:50%; left:50%; } Sto usando questo esempio http://jsfiddle.net/rniemeyer/Wjjnd/ Provai $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })


19
Bootstrap Dropdown con Hover
OK, quindi quello di cui ho bisogno è abbastanza semplice. Ho impostato una barra di navigazione con alcuni menu a discesa (usando class="dropdown-toggle" data-toggle="dropdown"), e funziona benissimo. Il fatto è che funziona " onClick", mentre preferirei se funzionasse " onHover". C'è un modo integrato per farlo?



23
Come correggere l'errore; "Errore: le descrizioni dei comandi Bootstrap richiedono Tether (http://github.hubspot.com/tether/)"
Sto usando Bootstrap V4 e il seguente errore è registrato nella console; Errore: le descrizioni dei comandi Bootstrap richiedono Tether ( http://github.hubspot.com/tether/ ) Ho provato a rimuovere l'errore installando Tether ma non ha funzionato. Ho installato Tether includendo le seguenti righe di codice; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Il tether …

5
Usa Fieldset Legend con bootstrap
Sto usando Bootstrap per la mia JSPpagina. Voglio usare <fieldset>e <legend>per il mio modulo. Questo è il mio codice <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS è fieldset.scheduler-border …



18
Come abilitare la descrizione comandi Bootstrap sul pulsante disabilitato?
Devo visualizzare una descrizione comandi su un pulsante disabilitato e rimuoverla su un pulsante abilitato. Attualmente funziona al contrario. Qual è il modo migliore per invertire questo comportamento? $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" …



6
`col-xs- *` non funziona in Bootstrap 4
Non l'ho mai visto prima e sto facendo fatica a cercare la soluzione. Quando hai una colonna uguale al mezzo nel bootstrap in questo modo: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> L'allineamento del testo funziona bene: Ma quando si rende la …

14
Come visualizzare l'elemento selezionato nel titolo a discesa del pulsante Bootstrap
Sto usando il componente Dropdown bootstrap nella mia applicazione in questo modo: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul> </div> Vorrei …

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.