Estoy usando las pastillas de navegación de Twitter-Bootstrap. En ciertas resoluciones de pantalla, las píldoras se presionan sin motivo aparente. Cuando uso Firebug, si elimino la pantalla: tabla de .nav-pills, el problema desaparece. Intenté anular la visualización: tabla en uno de mis propios archivos .css, pero hasta ahora Firefox siempre ve mi intento de sustitución como un estilo separado.Invalidar Bootstrap CSS
Aquí hay un ejemplo del problema. Sé que esta no es la mejor manera de manejar el problema, pero parece ser la mejor manera de demostrar el problema.
Gracias de antemano,
Bootstrap CSS:
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after
{
content: "";
display: table;
}
Mi CSS:
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after
{
display:block !important;
}
resultados CSS: Firefox parece reconocer ambas declaraciones CSS como estilos diferentes, cuando mi pantalla el estilo debe anular el estilo de arranque.
* "Firefox siempre ve mi intento de anulación como un estilo separado" * ¿Qué significa eso? Específicamente, ¿cómo lo ve como un estilo separado? –
@Cody Gray: si miras el selector css real, son idénticos. La pantalla: la tabla en bootstrap.css debe tacharse, porque la pantalla: block! Important en Site.css tiene que anularla. ¡La única razón por la que utilicé! Importante es asegurarme de que mi estilo anule el estilo de bootstrap. Como esto no sucedió, esto me hace pensar que Firefox considera que ambos bloques se dirigen a diferentes bloques de HTML. – sveatch42
¿Intenta cargar su css antes de twitter bootstrap css? – periklis