Bootstrap ha uno stile table {border-collapse: collapse; border-spacing:0;}. Voglio ignorare questo modo ho creare una classe ed è applicato alla tabella in questione:Ignora stile di compressione bordo tabella Bootstrap
table.FormGroupContainer
{
border-collapse: separate;
border-spacing: 2px;
}
ma ancora i confini rimangono crollati. L'ispettore degli elementi di Chrome mostra che i CSS di Bootstrap sono stati ignorati, ma solo la disattivazione dello stile nell'ispettore consente una spaziatura dei bordi. Ho osservato questo in IE 11 e Firefox 31.0. Anche gli stili incorporati sembrano sovrascrivere (come mostrato in Google Chrome Inspector) ma non hanno effetto finché non disattivo lo stile Bootstrap.
L'ordine di caricamento CSS sembra non fare alcuna differenza. Cosa dà? Non è la specificità superiore della classe?
Normalize.css (parte di Bootstrap 3) aggiunge il collasso. L'ordine di caricamento CSS fa sempre la differenza. Se lo stile viene applicato alla tabella, funzionerà a condizione che sia dopo i css di Bootstrap e nessun altro css sia in conflitto con esso: http://jsbin.com/bavogi/1/edit – Christina
@Christina Ok, ad esempio, il CSS di Bootstrap viene caricato per ultimo . La specificità più alta di 'table.FormGroupContainer' su:'
Sì, se è tutto quello che c'è. Ricorda che normalize.css è parte di Bootstrap ma è gestito separatamente. – Christina