Font génial avec bootstrap 3 ne fonctionne pas

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

Question

C'est mon en-tête où j'ai ajouté une police géniale comme indiqué à la page d'accueil: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="../css/bootstrap.css" rel="stylesheet"
</head>

et essayez d'essayer une police géniale avec l'ajout 

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
</a>

Mais le résultat est: Aucune de la police géniale de la typographie ou des icônes spécifiques.Il semble que la police impressionnante ne surpressent pas le code bootstrap.Tout le monde peut aider?

Était-ce utile?

La solution

Je n'ai aucun problème avec l'exemple suivant, qui est essentiellement une combinaison des deux extraits que vous avez postés. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
</head>    

<body>
  <a class="btn btn-lg btn-success" href="#">
    <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
  </a>
</body>
</html>

Comme Michal a fait remarquer, votre version avait une étiquette de liaison ouverte pour la feuille de style bootstrap.Le seul changement que j'ai fait, chargait également Bootstrap d'un CDN (puisque je n'avais pas de copie locale à portée de main).

Cependant, l'exemple a même fonctionné lorsque la balise de liaison n'était pas fermée, mais cela pourrait dépendre du navigateur utilisé.Avez-vous eu des erreurs dans votre console (par exemple, des composants manquants?)

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