Uso pillole nav da Twitter-Bootstrap. A certe risoluzioni dello schermo, le pillole vengono spinte verso il basso senza una ragione apparente. Quando utilizzo Firebug, se elimino il display: table dalle .nav-pills, il problema scompare. Ho provato a sovrascrivere il display: table in uno dei miei file .css, ma finora Firefox vede sempre il mio tentativo di override come uno stile separato.Ignora Bootstrap CSS
Ecco un esempio del problema. So che questo non è il modo migliore per gestire il problema, ma sembra il modo migliore per dimostrare il problema.
Grazie in anticipo,
Bootstrap CSS:
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after
{
content: "";
display: table;
}
mio CSS:
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after
{
display:block !important;
}
risultati CSS: Firefox sembra riconoscere entrambe le dichiarazioni css come stili diversi, quando il mio schermo lo stile dovrebbe sovrascrivere lo stile di bootstrap.
* "Firefox considera sempre il mio tentativo di override come uno stile separato" * Che cosa significa? In particolare, come lo vede come uno stile separato? –
@Cody Gray: se si guarda il vero selettore css, sono identici. Il display: tabella nel bootstrap.css dovrebbe essere cancellato, perché il display: block! Important in Site.css lo ha sovrascritto. L'unico motivo per cui ho usato! Importante è assicurarsi che il mio stile prevalga sullo stile di bootstrap. Poiché ciò non è accaduto, questo mi fa pensare che Firefox veda entrambi i blocchi come target di diversi blocchi di HTML. – sveatch42
Hai provato a caricare il tuo css prima di twitter bootstrap css? – periklis