Question

Hello正在研究一个任务管理应用程序，在看完一些教程后会练习（这里的总菜鸟），但是当使用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

我会从bootstrap中查看Panels。您可以设置一些不错的布局而无需处理表格。

e.g。

<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>

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

rails有条件的missaligning boostrap表

1 个答案: