Preguntas etiquetadas con twitter-bootstrap

Bootstrap es un marco front-end diseñado para impulsar el desarrollo de aplicaciones y sitios web. Para preguntas relacionadas con una versión de Bootstrap, utilice también la etiqueta de la versión específica de las etiquetas "twitter-bootstrap-2", "twitter-bootstrap-3" y "bootstrap-4".



12
¿Cómo poner la barra de desplazamiento solo para modal-body?
Tengo el siguiente 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> Muestra un cuadro de diálogo modal como este, básicamente, coloca una barra de desplazamiento alrededor de todo …


11
Bootstrap 4 Alineación vertical y horizontal central
Tengo una página donde solo existe el formulario y quiero que el formulario se coloque en el centro de la pantalla. <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 …

9
Cómo crear una página imprimible de Twitter-Bootstrap
Estoy usando Twitter-Bootstrap y necesito poder imprimir la página como se ve en el navegador. Puedo imprimir otras páginas hechas con Twitter-Bootstrap muy bien, pero parece que no puedo imprimir mi página que usa puramente Twitter-Bootstrap. ¿Me estoy perdiendo una etiqueta en alguna parte? Página oficial de TB cuando se …


3
Flexbox vs Twitter Bootstrap (o marco similar) [cerrado]
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 5 años . Mejora esta pregunta Recientemente descubrí Flexboxcuando estaba buscando una solución …

11
Cómo hacer que la rutina de arranque de Twitter sea de pantalla completa
<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> ¿Cómo hago una ventana emergente modal de bootstrap de Twitter para el código anterior? Intenté jugar con CSS pero no pude hacerlo de la manera que quería. ¿Alguien puede ayudarme con eso?




4
Pestañas apiladas en Bootstrap 3
Estoy tratando de implementar pestañas apiladas alineadas a la izquierda usando el complemento Tab jquery en Bootstrap 3, donde las pestañas se representan verticalmente a la izquierda del contenido de la pestaña, en lugar de en la parte superior. Cuando intento lo siguiente; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab …

12
¿Cómo puedo hacer espacio entre dos botones en el mismo div?
¿Cuál es la mejor manera de espaciar horizontalmente los botones Bootstrap? En este momento los botones están tocando: <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 …

17
Bootstrap 3 y Youtube en modal
Estoy tratando de usar la función Modal de Bootstrap 3 para mostrar mi video de Youtube. Funciona, pero no puedo hacer clic en ningún botón en el video de Youtube. ¿Alguna ayuda en esto? Aquí está mi código: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div …

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.