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



12
Come mettere la barra di scorrimento solo per modal-body?
Ho il seguente elemento: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Mostra una finestra di dialogo modale simile a questa, in sostanza, mette la barra di scorrimento attorno …


11
Bootstrap 4 Centrare l'allineamento verticale e orizzontale
Ho una pagina in cui esiste solo il modulo e voglio che il modulo sia posizionato al centro dello schermo. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> …

9
Come creare una pagina Twitter Bootstrap stampabile
Sto usando Twitter-Bootstrap e devo essere in grado di stampare la pagina come appare sul browser. Sono in grado di stampare bene altre pagine realizzate con Twitter-Bootstrap ma non riesco a stampare la mia pagina che utilizza puramente Twitter-Bootstrap. Mi sto perdendo un tag da qualche parte? Pagina TB ufficiale …



11
Come rendere Twitter bootstrap modale a schermo intero
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> Come faccio a creare un pop-up modale pop-up Twitter bootstrap per il codice sopra, ho provato a giocare con CSS ma non sono riuscito a farlo come volevo. Qualcuno può aiutarmi per favore …


5
Come posso ottenere una colonna Bootstrap su più righe?
Sto cercando di capire come fare la griglia seguente con Bootstrap. Non sono sicuro di come creerei la casella (numero 1) che si estende su due righe. Le caselle vengono generate a livello di codice nell'ordine in cui sono disposte. La casella 1 è un messaggio di benvenuto. Qualche idea …


4
Schede impilate in Bootstrap 3
Sto cercando di implementare le schede sovrapposte allineate a sinistra utilizzando il plug-in Tab jquery in Bootstrap 3 in cui le schede vengono visualizzate verticalmente a sinistra del contenuto delle schede, anziché in cima. Quando provo quanto segue; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> …

12
Come posso fare spazio tra due pulsanti nello stesso div?
Qual è il modo migliore per spaziare orizzontalmente i pulsanti Bootstrap? Al momento i pulsanti si toccano: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> …

17
Bootstrap 3 e Youtube in modale
Sto cercando di utilizzare la funzione modale di Bootstrap 3 per mostrare il mio video di Youtube. Funziona, ma non posso fare clic su alcun pulsante nel video di Youtube. Qualche aiuto su questo? Ecco il mio codice: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div …

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.