Articles of twitter bootstrap 3

¿Reduce la canaleta (por defecto 30px) en dispositivos más pequeños en Bootstrap3?

En bootstrap 3 el canal se define como 30px (15px en cada lado de una columna). El problema que estoy corriendo es que, por ejemplo, si reduzco mi pantalla para que sea pequeña, las canaletas terminan siendo más anchas que las columnas mismas, como se ve a continuación (azul más oscuro = columna, azul claro […]

Problema de CSS en Twitter Typeahead con Bootstrap 3

Con el lanzamiento de Bootstrap 3. Typeahead ha sido eliminado a favor de esto: https://github.com/twitter/typeahead.js Lo he integrado con éxito en la recuperación remota de datos pero estoy teniendo problemas con la autocompletación como puede ver, hay dos textos que aparecen en el cuadro de texto. Incluí el css ( https://github.com/jharding/typeahead.js-bootstrap.css ) como se dice […]

Disminución de la altura de la barra de navegación bootstrap 3.0

Estoy intentando disminuir la altura de la barra de navegación de bootstrap 3.0 que se usa con el comportamiento superior fijo. Aquí estoy usando el código. HTML Toggle navigation Getting started Ext01 Language My Account Sign Out CSS .tnav .navbar { background:#F06; height:30px; } .navbar-inner-sm{background-color: #282828;padding: 1px 20px;background-repeat: repeat-x;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, […]

Twitter bootstrap 3 – crea un glyphicon personalizado y agrega a glyphicon “fuente”

Estoy ejecutando twitter bootstrap3, y estoy muy contento con la nueva forma en que maneja el icono como fonts. Sin embargo: necesito algunos icons personalizados; Necesito hacerlos yo mismo, e idealmente integrarlo en la fuente existente. He buscado sin suerte. Estoy familiarizado con el ilustrador, los gráficos vectoriales, etc., pero ¿cómo integrarlo? En el peor […]

La nueva línea Bootstrap Grid System no se ve bien

Recientemente, comencé a hacer una página de administrador en mi sitio para editar varias tablas pequeñas (de 1 a 5 entradas). Todos se muestran en una página, y las tablas se anidan en un div de la siguiente manera: … Hice esto con seis tablas, y así es como se ve si tienen la misma […]

bootstrap 3: ¿cómo coloco la marca en el centro de la barra de navegación?

Estoy usando Bootstrap 3. Me gustaría una barra de navegación con solo la marca en ella. No hay otros enlaces ni nada más. Y quiero que la marca esté en el centro. ¿Cómo puedo lograr esto? El siguiente CSS no funciona: .navbar-brand { text-align: center; }

Problemas con Typeahead con Bootstrap 3.0 RC1

Intento utilizar Twitter Typeahead con Bootstrap 3 RC1, porque Bootstrap eliminó su propio plugin de escritura anticipada en la versión 3. Estoy usando el siguiente HTML en mi formulario: Search: Search Sin agregar Typeahead, el campo de entrada de búsqueda se muestra así: Luego agregué Typeahead así: $(‘#query’).typeahead({ local: [‘alpha’, ‘bravo’,’charlie’,’delta’,’epsilon’,’gamma’,’zulu’] }); Y el campo […]

Bootstrap 3: pull-right solo para col-lg

Nuevo en bootstrap 3 … En mi diseño tengo: elements 1 elements 2 Me gustaría que los “elementos 2” NO se alineen correctamente en pantallas más pequeñas que col-lg. Entonces, efectivamente, teniendo la clase pull-right solo para col-lg-6 … ¿Cómo podría lograr esto? Aquí hay un violín: http://jsfiddle.net/thibs/Y6WPz/ Gracias

Cómo usar la alineación vertical en bootstrap

Problema simple: ¿cómo alineo verticalmente una columna dentro de una columna usando bootstrap? Ejemplo aquí (quiero alinear verticalmente child1a y child1b): http://bootply.com/73666 HTML Child content 1a Child content 1b Child content 2 Child content 2 Child content 2 Child content 2 Child content 2 ACTUALIZAR Algunos CSS: .col-lg-12{ top:40px; bottom:0px; border:4px solid green; } .child1a, […]

Bootstrap 3.0 – Cuadrícula de fluido que incluye tamaños de columna fijos

Estoy aprendiendo cómo usar Bootstrap. Actualmente, estoy abriéndome camino a través de diseños. Si bien Bootstrap es genial, todo lo que veo parece anticuado. Por mi vida, tengo lo que creo que es un diseño básico que no puedo descifrar. Mi diseño se ve así: ————————————————————————— | | | | | | | | | […]