css - “未捕获的语法错误：与 Joomla 捆绑在一起的 Bootstrap 2.1.0 中的意外令牌 {”！3.0

Question

我正在使用 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 行

Answer 1

你有语法错误，因为你试图包含 CSS 文件，因为它是 JavaScript，所以改变

<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" />

也可以正确关闭其他链接标签/>，而不仅仅是>