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

Question

我正在为Joomla网站制作响应式模板。 （http://www.lyzarr.com/testsite/de/）

哪个可以有左右侧边栏以及主容器。 现在内容直到双方，但我喜欢左右两边约30px的边距。 由于模板是响应式的，我不知道该怎么做。

Answer 1

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

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

并在

/templates/your_template/index.php

将行类更改为row-fluid 所以你的结构看起来像这里

<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中如果使用行类，则span *（列）将具有固定宽度[span9 = 870px和span3 = 270px]。因此，如果添加左/右填充，则内容和列的空间不足。但是如果使用row-fluid类，则span * width将以百分比值设置。