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
Ventana modal Bootstrap centrada verticalmente
Me gustaría centrar mi modal en la ventana gráfica (centro) Intenté agregar algunas propiedades css .modal { position: fixed; top:50%; left:50%; } Estoy usando este ejemplo http://jsfiddle.net/rniemeyer/Wjjnd/ Lo intenté $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })


19
Bootstrap Dropdown con Hover
Bien, entonces lo que necesito es bastante sencillo. He configurado una barra de navegación con algunos menús desplegables (usando class="dropdown-toggle" data-toggle="dropdown"), y funciona bien. La cosa es que funciona " onClick", mientras que preferiría que funcionara " onHover". ¿Hay alguna forma integrada de hacer esto?



23
Cómo arreglar el error; 'Error: la información sobre herramientas de Bootstrap requiere Tether (http://github.hubspot.com/tether/)'
Estoy usando Bootstrap V4 y el siguiente error se registra en la consola; Error: la información sobre herramientas de Bootstrap requiere Tether ( http://github.hubspot.com/tether/ ) He intentado eliminar el error instalando Tether pero no ha funcionado. He 'instalado' Tether incluyendo las siguientes líneas de código; <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> …

5
Use Fieldset Legend con bootstrap
Estoy usando Bootstrap para mi JSPpágina. Quiero usar <fieldset>y <legend>para mi forma. Este es mi codigo. <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 es fieldset.scheduler-border { border: 1px …



18
¿Cómo habilitar la información sobre herramientas de Bootstrap en el botón deshabilitado?
Necesito mostrar una información sobre herramientas en un botón deshabilitado y eliminarlo en un botón habilitado. Actualmente, funciona a la inversa. ¿Cuál es la mejor manera de invertir este comportamiento? $('[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 …



6
`col-xs- *` no funciona en Bootstrap 4
No me he encontrado con esto antes, y me está costando mucho tratar de encontrar la solución. Al tener una columna igual a media en bootstrap así: <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> La alineación de texto funciona bien: Pero al …

14
Cómo mostrar el elemento seleccionado en el título desplegable del botón Bootstrap
Estoy usando el componente de arranque de arranque en mi aplicación de esta manera: <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> …

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.