在 Joomla 中，如何为 index.php 创建 3x3（9 格）代码？答案

【问题标题】：In Joomla, how do you create a 3x3 (9-grid) code for index.php?在 Joomla 中，如何为 index.php 创建 3x3（9 格）代码？
【发布时间】：2017-03-29 22:23:19
【问题描述】：

我需要在 index.php 文件中显示它，但没有任何效果。我所有的文章都没有正确定位。我用这个作为代码：

<div class="span3">
 <jdoc:include type="modules" name="position-0" />
 <jdoc:include type="modules" name="position-1" />
 <jdoc:include type="modules" name="position-2" />
 <jdoc:include type="modules" name="position-3" />
 <jdoc:include type="modules" name="position-4" />
 <jdoc:include type="modules" name="position-5" />
</div>
<div class="span3">
 <jdoc:include type="modules" name="position-6" />
 <jdoc:include type="modules" name="position-7" />
 <jdoc:include type="modules" name="position-8" />
 <jdoc:include type="modules" name="position-9" />
 <jdoc:include type="modules" name="position-10" />
 <jdoc:include type="modules" name="position-11" />
 <jdoc:include type="modules" name="position-12" />
 <jdoc:include type="modules" name="position-13" />
 <jdoc:include type="modules" name="position-14" />
</div>

【问题讨论】：

我已经阅读了一些 joomla 文档，但首先你需要三列才能拥有三列布局。你也可以提供你正在使用的css吗？这将使问题更容易回答。
CSS 的长度超过 1000 行...您是否希望我发布特定的部分？我认为可能有一种标准方法可以做到这一点。
有很多方法可以做到这一点，也有很多不同的框架。我现在正在检查 joomla 的文档以获得解释。
感谢您的帮助！
我太慢了，下面的答案是最好的。 :)

标签： php html css joomla

【解决方案1】：

您可以首先检查您的 index.php 文件是否正在加载 Bootstrap 2.3 而不是 Bootstrap 3.3，因为如果它正在加载 v3.3，您需要将您的类更改为 <div class="col-md-3"></div>

如果您不确定您的模板正在加载哪个版本的 Bootstrap，您可以使用网络检查器并查看 CSS 文件，或在此处分享指向您页面的链接。

祝你好运！

【讨论】：

如果您的引导程序尚未更新到 v3，则您需要在其他 div 周围使用“row”或“row-flud”div，并在三列中使用“span4”作为三列网格。
你是对的@NathanielFlick，我对跨度的疏忽应该是 3x3 网格的 span4。