如何将jbootstrap集成到joomla cms中

时间:2013-03-14 07:49:29

标签: twitter-bootstrap joomla

我是joomla的新手,任何人都可以告诉我如何将我从Google搜索过的 jbootstrap 整合到joomla cms。

很难找到如何融入令人兴奋的joomla设计。

jbootstrap 是否具有 Twitter Bootstrap 功能的模板或插件?

是否适合使用 Twitter Bootstrap 进行自定义响应式设计?

Link to JBootstrap

2 个答案:

答案 0 :(得分:3)

下载软件包,在模板文件夹中创建一个新文件夹(例如,将其命名为“bootstrap”),然后在其中提取JBootstrap软件包。所以你的文件夹结构应如下所示:

template_name/
     ├──bootstrap/
          ├── css/
          │   ├── bootstrap.css
          │   ├── bootstrap.min.css
          ├── js/
          │   ├── bootstrap.js
          │   ├── bootstrap.min.js
          ├── img/
              ├── glyphicons-halflings.png
              ├── glyphicons-halflings-white.png

然后,在模板文件夹(而不是根文件夹!!)中打开 index.php ,并将此PHP代码放在包含Bootstrap文件的地方。< / p>

$document = JFactory::getDocument();
if(!JFactory::getApplication()->get('jquery')){
     JFactory::getApplication()->set('jquery',true);
     $document->addScript(JURI::root() . "templates/template_name/js/jquery-1.8.3.js");
}
$document->addScript(JURI::root() . "templates/template_name/bootstrap/js/bootstrap.min.js");
$document->addStyleSheet(JURI::root() . "templates/template_name/bootstrap/css/bootstrap.min.css");

你需要包含jQuery,所以前几行检查是否已经被导入,并且只有在它尚未完成时才导入它。这是一个很好的方法,因为多个jQuery库可以防止工作。


或者你可以像@David Fritsch所说,使用已经集成了Bootstrap的Joomla 3.0。

希望这有帮助

答案 1 :(得分:1)

还有JoomlaShack的JS_Wright模板框架选项...... Bootstrap已经很好地集成在那里了。 (在Joomla 2.5.X中效果很好)