修改joomla网站上的bootstrap

Question

我的网站基于joomla，我想修改响应式引导程序布局，以适应所有网站的任何分辨率移动/平板电脑等。

举个例子，我希望它像www.hays.com一样。 当我在手机上输入hays时，网站只适合所有的屏幕，而且我不需要向右滑动就可以看到我的网站中发现了所有网站的女巫。

我的网站是www.citadella.co.uk

我已经尝试使用全宽度复制粘贴所有@media样式。

Answer 1

打开以下文件：

templates/tz_lania/index.php

在这里，您将看到一些类container的标签。您需要将所有这些更改为：

class="container-fluid"

完成后，您还会看到一些类row的标记，您需要将其更改为：

class="row-fluid"

这将确保您的网站始终使用100％的任何屏幕宽度。希望这有帮助

<强>更新

没错，我不知道这是一个T3 Framework的模板。确保首先启用T3 Framework插件。如果你在插件管理器中找不到它，那么你download并安装它。

如果您已安装并启用它，请转到模板选项，并在名为常规的标签下，确保自适应已启用 ON < /强>

Answer 2

我猜你没有使用在你的Joomla模板上提供reposiveness的bootstrap类。如果你看一下bootstrap示例（http://getbootstrap.com/getting-started），你会在他们的代码中看到像“col-lg-6”这样的类的使用。快速查看您的网站，我没有看到这些类的任何使用，但我不能确定。