Preguntas etiquetadas con twitter-bootstrap-3

Estoy intentando instalar Bootstrap 3.0 en mi aplicación Rails. Recientemente terminé el tutorial de Michael Hartl y ahora estoy tratando de construir mi propio sistema usando esta nueva versión de Bootstrap, pero tengo algunas preguntas de las que no estoy seguro. Mis especificaciones del sistema: OS X Mountain Lion en …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

Tengo un problema con un modal. Tengo un botón en una página que cambia el modal. Cuando aparece el modal, la página salta a la parte superior. Hice todo lo que pude para encontrar una solución / etc, pero estoy realmente perdido. EDITAR: También he probado con: $('#myModal').modal('show');pero tiene exactamente …

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Este es el efecto que estoy tratando de lograr con el carrusel Bootstrap 3 En lugar de solo mostrar un fotograma a la vez, muestra N fotogramas deslizándose uno al lado del otro. Luego, cuando se desliza (o cuando se desliza automáticamente), cambia el grupo de diapositivas como lo hace. …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Estoy tratando de disminuir la altura de la barra de navegación de bootstrap 3.0 que se usa con un comportamiento superior fijo. Aquí estoy usando código. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Me gustaría tener las etiquetas no encima del campo de entrada, sino en el lado izquierdo. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" …

104 css  twitter-bootstrap-3 

he intentado esto pero me he equivocado aquí está el css body .modal-ku { width: 750px; } y aquí está el resultado fallido

104 html  css  twitter-bootstrap-3 

Soy nuevo en Bootstrap y tengo la versión anterior 2.3.2. Se ha lanzado la versión 3. ¿Debo simplemente reemplazar los archivos CSS y Javascript si quiero usar la última versión?

102 twitter-bootstrap  twitter-bootstrap-3 

Acabo de visitar esta página http://www.elmastudio.de/ y me pregunté si es posible construir el colapso de la barra lateral izquierda con Bootstrap 3. Código para contraer la barra lateral desde la parte superior (solo teléfono): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> La barra lateral …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

¿Para qué sirve el tabindexatributo en Bootstrap 3? Su documentación no dice nada sobre ellos aunque los usan prácticamente en todos los modales. Solo encontré esto con respecto a su uso, que realmente no dice mucho Información sobre herramientas accesible para usuarios de teclados y tecnologías de asistencia Para los …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Sé que Bootstrap 3tiene un divisor horizontal que puede colocar dentro de los menús desplegables para separar enlaces como este: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Mi pregunta es: ¿Hay alguna forma de hacer esto sin que esté en un menú desplegable, como …

98 twitter-bootstrap  twitter-bootstrap-3 

Estoy migrando mis temas Bootstrap de v2.3.2 a v3.0.0 y una cosa que noté es que muchas dimensiones se calculan de manera diferente, debido a los siguientes estilos en bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ¿Alguien puede explicar por qué Bootstrap cambia el tamaño …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Me gustaría que mi contenido sea fluida, pero cuando se utiliza .container-fluidcon rejilla de Bootstrap, todavía estoy viendo relleno. ¿Cómo puedo deshacerme del acolchado? Veo que no obtengo el relleno con .row, pero quiero agregar columnas, y tan pronto como lo hago, el relleno vuelve: O. Quiero poder usar las …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Tener un problema con las clases ocultas / visibles de las nuevas utilidades receptivas al migrar a Bootstrap 4 . Soy consciente de que las clases .hidden- se han eliminado de v3 y se han reemplazado con .hidden-*-up .hidden-*-down. Usando las nuevas .hidden-*-up.hidden-*-downclases pero los elementos no cambian a visibles …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Supongo que almacenaría el contenido del formulario dentro de una función de javascript ... ¿Cómo puedo contener un formulario dentro de una ventana emergente de arranque?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Entonces, estoy usando este código para abrir otra ventana modal en una ventana modal abierta actual: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Lo que sucede es que durante unos 500 ms la barra de desplazamiento se duplicará. Supongo que porque el modal actual todavía se está desvaneciendo. Sin embargo, parece muy poco suave …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3