向行添加偏移量

Question

我有这个代码来创建我自己的"表"(我不能使用表格，因为我以后需要一些更复杂的东西)。

<div class="container">
<cfloop index="x" from="1" to="5">  
<div class="row d-none d-lg-flex py-2 fw-bold">
<cfloop index="y" from="1" to="6">
<div class="col-2 px-3">
<p>CONTENT</p>
</div>
</cfloop>
</div>
<hr>
</cfloop>
</div>

现在我想将整个结构向左移动1个冷点。我可以使用" color -1"在第一个，但我需要第一个也是2冷。

这有可能吗?

我不能移动整个容器，因为我需要里面的其他东西保持在正确的位置。

Answer 1

在Bootstrap中，你可以使用"offset"类向右移动，跳过列的可视输出。

<div class="row">
<div class=".col-md-3 .offset-md-3">content</div>
</div>

在你的例子中，假设你在一个块中，你可以这样做:

<div class="col-2 px-3 #(x == 1 ? '.offset-md-1' : '')#">

使用"三元"表达式，如果索引/x为1，则输出一个额外的类。