Question

我将学习用于响应式网站设计的bootstrap并下载并在joomla 2.5中设置以下内容：

解压缩引导程序包并使用资产重命名
复制了模板内的assests文件夹（beez5）
在index.php的<head>部分中定义了以下内容：

<meta charset="utf-8">
    <jdoc:include type="head" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap.css" type="text/css" media="screen" />

为了测试它的css，我在bootstrap.css中将background-color: red !important;定义为容器流体，并在index.php的主div中添加了一个类container-fluid，但我认为css不起作用。我的意思是bootstrap css没有加载。

问题：如何在joomla 2.5中为响应式网站实现bootstrap css？

Answer 1

您只需要：Joomla Communite Magazine, Issue 2012 August。

您有三种创建新模板的选项

从头开始创建一个文件夹和所有必要的文件（文章重点关注）
安装启动主题并进行修改
复制现有模板并进行修改

如果您对Out-of-box解决方案感兴趣。

PS：加载css文件，这样的事情应该有效：

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap.css" type="text/css" media="screen" />

$this->baseurl包含您网域中Joomla安装位置的位置。

joomla的响应站点与bootstrap

1 个答案: