Twitter bootstrap 玉石中的两列渲染？答案

【问题标题】：Twitter bootstrap two column rendering in jade?Twitter bootstrap 玉石中的两列渲染？
【发布时间】：2012-03-10 12:27:51
【问题描述】：

我知道如何使积木在 bootrstrap 中看起来，但我不知道如何在玉中制作它。结构应该是这样的

// Input
for post in posts

// Output should be this
div.row
  /// Looped from each
  div.span6

    ..More content POST 1
  div.span6  
    ..More content POST 2
div.row
  /// Looped from each
  div.span6
    ..More content POST 3
  div.span6  
    ..More content POST 4
div.row
  /// Looped from each
  div.span6
    ..More content
  div.span6

//编辑这是我的解决方案，使用 mixin

mixin blogPost(post)
  div.span6
    ...code

div
  - for (var i = 0; i < postList.length; i++)
    div.row
      mixin blogPost(postList[i])
      - if (i + 1 < postList.length)
        mixin blogPost(postList[i + 1])

【问题讨论】：

标签： twitter-bootstrap pug

【解决方案1】：

我会在这里发布解决方案

mixin blogPost(post)
  div.span6
    ...code

div
  - for (var i = 0; i < postList.length; i++)
    div.row
      mixin blogPost(postList[i])
      - if (i + 1 < postList.length)
        mixin blogPost(postList[i + 1])

【讨论】：