J'utilise Joomla! 3.0, qui a Twitter Bootstrap 2.1.0 inclus. Je veux créer mon propre modèle Joomla! Et je dois utiliser des menus déroulants. Quand j'inclus les versions suivantes de CSS/JS:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css">
<link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon">
Je reçois une erreur CSS suivante:
Uncaught SyntaxError: Unexpected token {
dans /media/jui/css/bootstrap.css
, ligne 19
Vous avez une erreur de syntaxe car vous avez essayé d'inclure le fichier CSS car il s'agissait de JavaScript. Changez donc
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>
à
<link href="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css" rel="stylesheet" type="text/css" />
Fermez également correctement les autres balises de lien avec />
, pas seulement >