Joomla 响应模板上的容器左右边距

Question

我正在为 Joomla 网站开发响应式模板。 (http://www.lyzarr.com/testsite/de/)

它可以有左右侧边栏以及主容器。现在内容向两边延伸，但我希望左右两边都有大约 30px 的边距。由于模板是响应式的，我不知道该怎么做。

Answer 1

您可以尝试将 css 文件中的填充添加到容器内容 class、

.container-content {
    padding: 0 30px;
}

并在

/templates/your_template/index.php

将行 class 更改为流动行所以你的结构看起来像这里

<div class="container-content">
    <div class="row-fluid">
        <div id="content" class="span9"></div>
        <div id="sidebarright" class="span3"></div>
    </div>
</div>

在 bootstrap 2.3.2 中，如果您使用行 class，您的 span*（列）将具有固定宽度 [span9 = 870px 和 span3 = 270px]。因此，如果您添加左/右填充，内容和列将没有足够的 space。但是，如果您使用 row-fluid class，您的 span* 宽度将以百分比值设置。

Joomla 响应模板上的容器左右边距

container left and right margin on Joomla responsive template

margin

responsive-design

joomla3.0