Joomla!を使用しています。 3.0には、Twitter Bootstrap 2.1.0が含まれています。自分でJoomlaをやりたい!テンプレート、およびドロップダウンメニューを使用する必要があります。次の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">
次のCSSエラーが表示されます。
Uncaught SyntaxError: Unexpected token {
/media/jui/css/bootstrap.css
の19行目
JavaScriptであるCSSファイルをインクルードしようとしたため、構文エラーがあります。変更します
<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" />
また、/>
だけでなく、>
で他のリンクタグを適切に閉じます。