Joomla bootstrap jdoc组件宽度

时间:2015-05-27 16:51:21

标签: twitter-bootstrap joomla kunena

使用bootstrap构建Joomla模板。

我使用3个网格如下:

<div class="row">
<div id="leftbar" class="col-xs-3">
<jdoc:include type="modules" name="leftbar" />
</div>
<div id="middle-content" class="col-xs-6">
<jdoc:include type="component" />
</div>
<div id="rightbar" class="col-xs-3">
    <jdoc:include type="modules" name="rightbar" />
</div>

当用户在我的网站上按“论坛”时,他们会被带到我的Kunena论坛。问题是所述论坛是通过jdoc“组件”加载的,即使隐藏左栏和右栏,它也只是“col-xs-6”。我希望它能够拉伸整个网站。

这是我可以在bootstrap中更改的内容,还是Joomla设置? 首页是3-6-3 论坛应该是12

1 个答案:

答案 0 :(得分:1)

在显示模块之前,您应该使用countModules()方法检查每个位置上是否存在模块。

语法为:

<?php if ($this->countModules( 'user1' )) : ?>
  <div class="user1">
    <jdoc:include type="modules" name="user1" style="rounded" />
  </div>
<?php endif; ?>

修改代码,为主区宽度计算再添加一个块。

<?php
$main_area_width = 12;
if($this->countModules( 'leftbar' )) {
  $main_area_width -= 3;
}
if($this->countModules( 'rightbar' )) {
  $main_area_width -= 3;
}
?>

<div class="row">
<?php if ($this->countModules( 'leftbar' )) : ?>
  <div id="leftbar" class="col-xs-3">
    <jdoc:include type="modules" name="leftbar" />
  </div>
<?php endif; ?>
<div id="middle-content" class="col-xs-<?php echo $main_area_width; ?>">
  <jdoc:include type="component" />
</div>
<?php if ($this->countModules( 'rightbar' )) : ?>
  <div id="rightbar" class="col-xs-3">
    <jdoc:include type="modules" name="rightbar" />
  </div>
<?php endif; ?>
</div>

参考:JDocumentHTML/countModules