HAML - 如何将几个元素并排设计？

Question

我在HAML中有这几行：

.badge-container
  =badge_image(nil, @dis, :vertical)
  %h4= @dis.name
  %p= @dis.description

现在他们排在另一个之下，但我希望左边的图像和图像右边的名称和描述。

有办法吗？

谢谢！

Answer 1

我在观看中使用1140 grid。使用haml，我会用这样的东西来实现：

.badge-container
  .row 
    .threecol
      =badge_image(nil, @dis, :vertical)
    .fivecol
        %h4= @dis.name
        %p= @dis.description

如果你想在没有网格的情况下这样做，你可以访问1140 github page来检查上面代码中使用的类。