2014-02-19 70 views
1

我的網站是基於Joomla和我要修改的響應引導佈局,以適應所有網站上的任何決議移動/平板電腦等修改引導

爲了給你,我希望它是一個例子就像www.hays.com一樣。 當我在手機上輸入hays時,網站只適合所有的屏幕,而且我不需要向右滑動即可查看網站上正在發生的所有網站女巫。

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

我已經試圖複製粘貼所有與全寬一個@media風格。

回答

1

打開以下文件:

templates/tz_lania/index.php 

在這裏你會看到一些標籤與類container。你需要所有這些改變爲:

class="container-fluid" 

一旦這樣做,你也會看到一些標籤與類row,您將需要更改爲:

class="row-fluid" 

這將確保你的網站始終使用任何屏幕寬度的100%。希望這有助於

更新:

右好吧,我不知道,這是一個T3框架bssed模板。確保首先啓用T3 Framework插件。如果你不能在插件管理器中找到它,然後你download並安裝它。

如果您已經安裝並啓用,然後轉到您的模板選項,並呼籲一般選項卡下,請確保您有響應打開ON

+0

感謝您的答案,但我找不到任何類=「容器/行到該文件 – Maximo

+0

如果它的免費提供您的模板下載鏈接? – Lodder

+0

http://www25.zippyshare.com/v/76945124/ file.html – Maximo

1

我猜你沒有使用在Joomla模板上提供可重複性的引導類。如果你看引導示例(http://getbootstrap.com/getting-started),你會在他們的代碼中看到像「col-lg-6」這樣的類的使用。在你的網站上快速瀏覽一下,我沒有看到這些類的使用,但我無法確定。

+0

這些類在Bootstrap 3.x中引入,而Joomla 3仍然使用Bootstrap 2.x) – Lodder