css - Bootstrap 表第一个元素已移动

Question

我试图在我的 Rails 网络应用程序中使用 Bootstrap 创建一个表，但我的行的第一个元素总是离其他元素很远。

我检查了我的 CSS 文件，当我清除这些行时(仅此而已):

@import "bootstrap-sprockets";
@import "bootstrap";

...表格停靠在右侧。所以很明显我猜 Bootstrap 表在我的应用程序中不起作用，我不明白为什么。我从网上拿了表格，但我遇到了同样的问题。

这是我在 html.erb 文件中的表格:

<table class="table">
      <thead>
        <tr>
          <th class="label">Tâche</th>
          <th class="label">Responsable</th>
          <th class="label">Durée</th>
          <th class="label">Date de début</th>
          <th class="label">Date de fin</th>
          <th class="label">Date de début standard</th>
          <th class="label">Date de fin standard</th>
          <th class="label">Retard</th>
          <th class="label">Congés</th>
        </tr>
      </thead>
      <tbody>
        <% @projectTasks.each do |task| %>
          <tr>
            <td class="task"><%= task[0] %></td>
            <td class="task"><%= task[1] %></td>
            <td class="task"><%= task[3] %> days</td>
            <td class="task"><%= task[4] %></td>
            <td class="task"><%= task[5] %></td>
            <td class="task"><%= task[6] %></td>
            <td class="task"><%= task[7] %></td>
            <td class="task"><%= task[8] %> days</td>
            <td class="task"><%= task[9] %> days</td>
          </tr>
        <% end %>
      </tbody>
    </table>

...但我认为问题不在这里，就像我说的那样。

感谢您的回答。

Answer 1

从表格标题中删除类“标签”。您正在访问 Bootstrap 中的一个类，该类正在创建您所看到的视觉效果。