这是一种循环苗条的html元素的方法吗？

Question

我想把它循环到苗条：

.row.vh14.sand_bg.relative
  .col-lg-6.col-lg-offset-3.fill_top_60px
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5
    .trabajo.col-lg-4.test_img.vh5

但没有一个接一个，类似于少循环o类似的方式，只需定义所需的迭代次数和瞧。

东西：

元素x（5）=                 元件                 元件                 元件                 元件                 元件

Answer 1

你有没有试过像

这样的东西

- 5.times do
   .trabajo.col-lg-4.test_img.vh5

Answer 2

使用for循环可以执行以下示例。

.row.vh14.sand_bg.relative
  .col-lg-6.col-lg-offset-3.fill_top_60px
   - for item in (1..6) # you can define your range how many times you want to loop 
    .trabajo.col-lg-4.test_img.vh5

已更新

我认为苗条缩进导致问题..

 .row.vh14.sand_bg.relative
   .col-lg-6.col-lg-offset-3.fill_top_60px
     - for item in (1..6) # you can define your range how many times you want to loop 
        .trabajo.col-lg-4.test_img.vh5