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


30
Centrar una columna usando Twitter Bootstrap 3
¿Cómo centro un div de un tamaño de columna dentro del contenedor (12 columnas) en 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> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Quiero un div, con una clase .centeredcentrada dentro …

30
¿Cómo puedo hacer que las columnas Bootstrap tengan la misma altura?
Estoy usando Bootstrap. ¿Cómo puedo hacer que tres columnas tengan la misma altura? Aquí hay una captura de pantalla del problema. Me gustaría que las columnas azul y roja tengan la misma altura que la columna amarilla. Aquí está el código: <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 …

23
alineación vertical con Bootstrap 3
Estoy usando Twitter Bootstrap 3, y tengo problemas cuando quiero alinear verticalmente dos div, por ejemplo: enlace JSFiddle : <!-- 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"> <div …

14
¿Cómo abrir una ventana modal Bootstrap usando jQuery?
Estoy usando la funcionalidad de la ventana modal de Twitter Bootstrap. Cuando alguien hace clic en enviar en mi formulario, quiero mostrar la ventana modal al hacer clic en el botón "enviar" en el formulario. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal …

6
¿Qué es sr-only en Bootstrap 3?
¿Para qué se sr-onlyusa la clase ? ¿Es importante o puedo eliminarlo? Funciona bien sin. Aquí está mi ejemplo: <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 …





23
¿Cómo obtienes contenido centrado usando Twitter Bootstrap?
Estoy tratando de seguir un ejemplo muy básico. Usando la página de inicio y el sistema de cuadrícula , esperaba lo siguiente: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento ... produciría texto centrado. Sin embargo, todavía aparece en el extremo …




10
Pasar datos a un modal de arranque
Tengo un par de hipervínculos que tienen una identificación adjunta. Cuando hago clic en este enlace, quiero abrir un modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) y pasar esta ID al modal. Busqué en google, pero no pude encontrar nada que pudiera ayudarme. Este es el código: <a data-toggle="modal" data-id="@book.Id" title="Add this item" …

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.