Joomla bootstrap jdoc 组件宽度

Question

使用 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>

当用户在我的网站上按 "Forum" 时，他们会被带到我的 Kunena 论坛。问题在于，该论坛是通过 jdoc "component" 加载的，即使隐藏左右栏，也只有 "col-xs-6"。我想让它伸展整个网站。

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

Answer 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

Joomla bootstrap jdoc 组件宽度

Joomla bootstrap jdoc component width

joomla

twitter-bootstrap

kunena