Agent utilisateur styleSheet remplaçant mon style de table? Twitter Bootstrap

StackOverflow https://stackoverflow.com/questions/9308234

  •  25-10-2019
  •  | 
  •  

Question

J'utilise bootstrap twitter. Mon problème est que tailles de police dans les tableaux sont fausses. Pour une raison quelconque de l'agent utilisateur stylesheet est Dérogation des styles de table d'amorçage.

Sur la page twitter bootstrap ( http://twitter.github.com/bootstrap/ base css.html ) tout est de travailler correctement bien sûr.

Dans mon inspecteur, je vois la différence suivante:

Ma page:

style CSS pour ma page

La page d'amorçage twitter:

style CSS pour la page d'amorçage twitter

Alors définitivement le problème est que l'agent utilisateur stylesheet est prépondérant les styles bootstrap.

Je n'ai pas été en mesure de comprendre pourquoi ce qui est différent sur ma page et la page d'amorçage twitter.

La plupart des autres CSS fonctionne très bien.

Mon import css: 

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">

import CSS sur twitter page bootstrap: 

<link href="assets/css/bootstrap.css" rel="stylesheet">
Était-ce utile?

La solution

En fait, je compris cela moi-même. J'ai eu le tag <!DOCTYPE html> mal écrit. Donc, si vous avez ce problème que faire la déclaration DOCTYPE est correcte!

Autres conseils

S'il vous plaît importer le docs.css dans votre application aussi bien. Si je dois le dire, vous devez avoir réalisé que le Twitter Bootstrap Docs utilisent bootstrap.css et un docs.css personnalisé. Essayez de faire, que vous pouvez télécharger à partir du package GitHub. Ensuite, essayez de jouer avec les classes de table dans docs. css sans jouer avec le maître css. Ou essayez d'ajouter DOCTYPE les en-têtes. 

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">

Si vous déclarez <!DOCTYPE html> au début ne fonctionne pas, alors il est probablement pas votre feuille de style de l'agent utilisateur casuing il. Il peut être la feuille de style de Bootstrap remplaçant vos styles (je l'ai eu ce problème). Assurez-vous que votre feuille de style est lié à après feuille de style de Bootstrap dans votre code HTML. 

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->

J'ai eu le même problème que l'OP. Je voulais beau petit texte et une feuille de style utilisateur a été overiding et mettre: 

font-size: medium;

Quand je voulais: 

font-size:8pt;

Je placé les éléments suivants en haut de ma page HTML: 

<!DOCTYPE html>

Tout était bon alors, une mauvaise habitude à prendre de ne pas déclarer DOCTYPE en haut. Tous les utilisateurs ont stylesheets maintenant disparu.

Pour découvrir ce qui est PRÉPONDÉRANTS ce que votre CSS, il est toujours une bonne idée d'inspecter élément (F12) et vous pouvez modifier et attributs décocher à la volée jusqu'à ce que vous obtenez à droite, puis mettez à jour votre fichier CSS avec!

Toutefois, si vous avez un problème de feuille de style utilisateur, ces valeurs seront verrouillées.

Vérifiez si votre CSS est appelé ou non dans les outils de dev navigateur (appuyez sur F12) dans la colonne de réseau.

Si on ne l'appelle, utilisez vos feuilles de style with1 rel="stylesheet" type="text/css".

Il a travaillé pour moi.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top