User agent styleSheet sovrascrivendo il mio stile di tabella? Twitter Bootstrap
-
25-10-2019 - |
Domanda
sto usando Twitter bootstrap. Il mio problema è che di font-dimensioni nelle tabelle sono sbagliate. Per qualche motivo l'User Agent foglio di stile è prevalente gli stili di tabella di bootstrap.
Nella pagina di bootstrap Twitter ( http://twitter.github.com/bootstrap/ base-css.html ) tutto è ovviamente funziona correttamente.
Nel mio ispettore vedo la seguente differenza:
La mia pagina:
La pagina di Twitter bootstrap:
Quindi sicuramente il problema è che il foglio di stile user agent è prevalente gli stili di bootstrap.
non sono stato in grado di capire il motivo per cui questo è diverso sulla mia pagina e la pagina Twitter di bootstrap.
bene la maggior parte degli altri CSS sta lavorando.
Il mio css di importazione:
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
importazione CSS a pagina bootstrap twitter:
<link href="assets/css/bootstrap.css" rel="stylesheet">
Soluzione
In realtà ho capito questo fuori me stesso. Ho avuto il tag <!DOCTYPE html>
erroneamente scritto. Quindi, se avete questo problema Assicurarsi che la dichiarazione DOCTYPE è corretta!
Altri suggerimenti
Si prega di importare il docs.css nella vostra applicazione pure. Se devo dirlo, è necessario avere capito che la Twitter Bootstrap Documenti si utilizza bootstrap.css e docs.css personalizzato. Prova a fare, che si può scaricare dal pacchetto github. Quindi, provare a giocare con le classi della tabella in documenti. css senza fare confusione con il maestro css. Oppure provare ad aggiungere DOCTYPE nelle intestazioni.
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
Se dichiarando <!DOCTYPE html>
in fin dall'inizio, non funziona, allora non è probabilmente la vostra user-agent foglio di stile casuing esso. Essa può essere il foglio di stile di Sputafuoco sovrascrivendo gli stili (ho avuto questo problema). Assicurarsi che il foglio di stile è legata alla dopo foglio di stile del Bootstrap nel codice HTML.
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
Ho avuto lo stesso problema come l'OP. Volevo testo di piccole dimensioni bella e qualche utente foglio di stile è stato overiding e mettere:
font-size: medium;
Quando ho voluto:
font-size:8pt;
ho messo il seguente nella parte superiore della mia pagina HTML:
<!DOCTYPE html>
Tutto era buono, allora, una cattiva abitudine di entrare in a non dichiarare doctype in alto. Tutti i fogli di stile utente sono ormai passati.
Per scoprire ciò che è prevalente quello sul vostro CSS è sempre una buona idea per ispezionare elemento (F12) ed è possibile modificare e attributi Deselezionare al volo fino ad arrivare a destra, quindi aggiornare il file CSS con essa!
Tuttavia, se si dispone di un problema di utente di stile, questi valori verranno bloccati.
Verificare se il CSS si chiama o no in strumenti di sviluppo del browser (premere F12) alla colonna di rete.
Se non si chiama, utilizzare i fogli di stile with1 rel="stylesheet" type="text/css"
.
Ha funzionato per me.