Articles of twitter bootstrap

Dompdf imprime el código html bootstrap como col-sm-x y no como col-lg-x

Estoy usando Dompdf en PHP para imprimir informes en formato PDF. No puedo imaginar cómo imprimir un código de arranque HTML de la forma en que lo veo en mi pantalla. Por ejemplo, usted sabe que la cuadrícula bootstrap se colapsa si el dispositivo es más pequeño. En este caso, en mi PDF, la cuadrícula […]

Bootstrap 3 – Columna individual en una fila, pero no col-md-12

Todos mis campos de entrada tienen un ancho = 100%, de modo que llenan el 100% de la columna en la que se encuentren. Digamos que tengo una página que solo necesita una columna, pero no quiero que no se muestren todos mis campos. página (es decir, col-md-12). En su lugar, preferiría hacer algo como […]

css no se cargó porque su tipo MIME, “text / html”, no es “text / css”

Estoy usando netbeans 8.2 ide, Apache 2.4 con php7. He descargado Bootstrap y estoy intentando vincularlo a index.php. No he llegado muy lejos. Cuando pruebo la página de ejemplo en localhost, el error “css no se cargó porque su tipo MIME,” text / html “, no es” text / css “” Cosas que he probado […]

¿Cómo puedo usar lightGalley.js con varias filas?

Ayuda de LightGallery.js! ¡Hola chicos! He estado luchando durante un tiempo con esta página web que estoy creando para un amigo. Quiero hacer un portafolio de sus fotografías. Estoy usando lightGallery.js para ello, pero desafortunadamente he encontrado algunos problemas en el camino. Aquí está la imagen de cómo se ve ahora . No más de […]

dompdf: imagen no encontrada o tipo desconocido

Aquí está mi código, en su mayoría probé todos los métodos para mostrar imágenes en PDF pero aún no funcionó. ¿Podría por favor ayudarme para esto? También establecí DOMPDF_ENABLE_REMOTE en true y los resultados siguen siendo los mismos. require_once(“dompdf/autoload.inc.php”); //require(‘WriteHTML.php’); $html = ‘ ‘.$_POST[‘name’].’ ABSOLUTE MARKET INSIGHTS ‘.$_POST[‘comment’].’ ‘; use Dompdf\Dompdf; $dompdf = new Dompdf(); […]

¿Cómo crear dos columnas desplazables de forma independiente en una cuadrícula receptiva?

Tengo la necesidad de presentar una pantalla maestra de detalles en la que el maestro y los detalles son columnas paralelas y desplazables de forma independiente en una cuadrícula receptiva. Cuando el ancho del navegador se reduce por debajo de algún umbral, las dos columnas se astackn, con un solo desplazamiento de página completa. Idealmente, […]

Cómo superponer la barra lateral en la parte superior de la barra de navegación

Lo sentimos, no pude publicar imágenes sin una reputación más alta, así que las vinculé a continuación: PSD: HTML: Bueno, la captura de pantalla de PSD es de lo que quiero que haga la alineación. Y la captura de pantalla HTML es su forma actual. Como puede ver, la barra lateral se encuentra actualmente debajo […]

Cambiar el color del elemento de navegación activo

Tengo una navbar diseñada en Bootstrap. Estoy tratando de hacer que sea de un color diferente cuando la clase del nav-item está configurada como active . Sin embargo no puedo hacerlo. Cuando configuro el background el color de fondo está cambiando, pero cuando uso el color el color no está cambiando. Tenga en cuenta que […]

Mi diseño no es consistente en Firefox y Safari

Siguiendo mi pregunta anterior, tengo un código para mostrar 8 cajas en dos filas. ¡El código funciona perfectamente en Firefox y Chrome pero no en Safari! Salida de Firefox Salida de safari No tengo ni idea de cuál podría ser la razón. Manifestación Código html, body { height: 100%; } body { margin: 0; padding: […]

¿Cómo animar el chevron glyphicon cuando se alterna un panel bootstrap 3?

Tengo una solución de trabajo para un panel envuelto en un bootstrap 3 acordeón. ¿Cómo puedo animar el cambio del estado chevron de “>” a “^” con una rotación de 90 grados? .panel-heading .accordion-toggle:after { font-family: ‘Glyphicons Halflings’; content: “\e114”; float: right; color: grey; } .panel-heading .accordion-toggle.collapsed:after { content: “\e080”; } Importation Content: blahblah [EDITAR] […]