我是 joomla 的新手,谁能告诉我如何将我从 Google 搜索到的jbootstrap集成到 joomla cms 中。
很难找到如何融入令人兴奋的 joomla 设计。
jbootstrap是具有Twitter Bootstrap功能的模板或插件吗?
是否适合使用Twitter Bootstrap进行自定义响应式设计?
我是 joomla 的新手,谁能告诉我如何将我从 Google 搜索到的jbootstrap集成到 joomla cms 中。
很难找到如何融入令人兴奋的 joomla 设计。
jbootstrap是具有Twitter Bootstrap功能的模板或插件吗?
是否适合使用Twitter Bootstrap进行自定义响应式设计?
下载包,在模板文件夹中创建一个新文件夹(例如,称之为“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 文件的某个位置。
$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。
希望这可以帮助
还有来自 JoomlaShack 的 JS_Wright 模板框架的选项...... Bootstrap 也已经很好地集成在其中。(在 Joomla 2.5.X 中效果很好)