带有引导程序的joomla中的响应式站点答案

【问题标题】：responsive site in joomla with bootstrap带有引导程序的joomla中的响应式站点
【发布时间】：2013-08-20 08:56:17
【问题描述】：

我要学习响应式网站设计的引导程序并下载它并在 joomla 2.5 中设置以下内容：

解压引导包并用资产重命名
复制了模板内的assets文件夹（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; 定义为 container-fluid，并在 index.php 的主 div 中添加了一个类 container-fluid，但我认为 css 不起作用。我的意思是引导 css 没有加载。

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

【问题讨论】：

标签： twitter-bootstrap responsive-design

【解决方案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 的位置。

【讨论】：

@NavinRauniyar 我建议你从 git 下载这个例子，看看它是如何工作的。了解后，复制到你的案例中即可。
@NavinRauniyar 但有 404？如果是这样，您的路径与文件系统不正确。做一个 var_dump 以确保正确的路径。（注意区分大小写）