Css 垂直对齐列表元素

请参阅示例代码

我正在嵌套列表元素中呈现分层数据。我对列表使用了浏览器默认的缩进，因此很容易看到层次结构。我喜欢保持这种方式（我可以使用css重置，然后重新应用）。但我喜欢让右边的按钮垂直对齐（这意味着垂直看时按钮之间没有移动）。是否可以使用简单的css。我使用引导作为我的框架

代码：（我用翡翠来避免重复）

---

我能够重组您的

row（）

mixin并实现您想要的

mixin row(data)
  .row
    .col-lg-12
      if data.name
        | #{data.name} 
      else
        | #{data} 
      .pull-right
         button.btn.btn-default.btn-sm(type="button")
          | test

---

更新的代码笔：

+1尼尔，太好了。只需稍等片刻，即可看到任何其他方法，否则将接受。再次感谢你的帮助。

mixin row(data)
  .row
    .col-lg-12
      if data.name
        | #{data.name} 
      else
        | #{data} 
      .pull-right
         button.btn.btn-default.btn-sm(type="button")
          | test