Bootstrap v2.3.2列大小编辑

Question

我在prestashop中有一个使用Bootstrap v2.3.2和Bootstrap Responsive v2.3.2的主题。 我的布局有一个标题，3列（左，中，右）和页脚。 我隐藏了正确的栏目。

我在左列之前有一个边距，在我要编辑的中间列之前有一个边距 - 右边的设置屏幕大小会改变“％i think”的大小。 我希望左边的柱子（具有相同的尺寸）更靠近边缘，右边缘附近的中心柱（更大）

我需要编辑什么？ 非常感谢你

Answer 1

我不太确定您想做什么，但我建议您阅读Boostrap 2.3 http://getbootstrap.com/2.3.2/scaffolding.html

中的流体网格系统

HTML

<div class="row-fluid">
  <div class="span4 column1">...</div>
  <div class="span4 column2">...</div>
</div>

CSS

.comlumn1 {
 margin-left:your spacing;
 margin-right:your spacing;
}

.comlumn2 {
 margin-left:your spacing;
 margin-right:your spacing;
}

为了获得您想要的尺寸，您可能希望使用更大的尺寸。跨度1 - 12

Answer 2

url https://luxelumi.com/

将其添加到网址 - ＆gt; CSS / 2 / bootstrap.css 将其添加到网址 - ＆gt; CSS / 2 /自举-responsive.css

如何更改布局：将其添加到网址 - ＆gt;主题/ theme784 / IMG / bootstrap.jpg

Answer 3

解决： bootstrap.css

.container， .navbar-static-top .container， .navbar-fixed-top .container， .navbar-fixed-bottom .container {   宽度：1250像素; }

.span9 {   宽度：1000px; }

在product-list.tpl中 {assign var =＆＃39; nbItemsPerLine＆＃39;值= 3}

chage to

{assign var =＆＃39; nbItemsPerLine＆＃39;值= 4}