轨道条件错位提升说唱表

Question

在观看了一些教程后，您正在开发一个任务管理应用程序进行练习(这里的菜鸟(，但是当使用 boostrap 设置它的样式时，我的引导表中有一个 if 语句，当条件在表内时，里面的项目会错位，当我把它拿出来时，一切都会再次排列。

这是我的代码：https://www.dropbox.com/s/lgvwxc0u19r0gcl/Screenshot%202017-03-18%2022.44.32.png?dl=0

以下是正在执行的操作(请参阅项目如何不对齐(： https://www.dropbox.com/s/x7n6tn4l5teah5l/Screenshot%202017-03-18%2022.45.16.png?dl=0

我尝试给他们每个类都是他们自己的，并试图在 CSS 中对齐它，但这似乎根本没有做任何事情。

任何想法为什么会发生这种情况以及解决方案可能是什么？Rails 4.2.5 和 bootstrap-sass gem

提前感谢任何帮助，非常感谢。

Answer 1

我会从引导中查看面板。您可以设置一些漂亮的布局，而无需处理表格。

例如

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Edit | Delete
  </div>
  <ul class="list-group">
    <li class="list-group-item">
      <div class="row">
        <div class="col-lg-2">check</div>
        <div class="col-lg-7">name</div>
        <div class="col-lg-3">delete</div>
      </div>
    </li>
  </ul>
</div>

如果您可以粘贴代码，那么我可以向您展示与您的方案相关的示例。