Bootstrap-Tabelle erstes Element verschoben

Question

Ich versuche, eine Tabelle mit Bootstrap in meiner Rails Web App zu machen, aber das erste Element meiner Linie ist immer weit weg von den anderen.

ich meine CSS-Datei überprüft und, wenn ich diese Zeilen löschen (und nur das):

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

... der Tabelle auf der rechten Seite angedockt ist. Ich glaube also, dass Bootstrap-Tabellen in meiner App nicht funktionieren und ich verstehe nicht warum. Ich habe Tische aus dem Internet genommen und ich habe das gleiche Problem.

Hier ist meine Tabelle in der html.erb Datei:

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

... aber ich denke, dass das Problem nicht hier ist, wie ich schon sagte.

Danke für Ihre Antworten.

Answer 1

Entfernen Sie die Klassenbezeichnung aus den Tabellenköpfen. Sie greifen auf eine Klasse im Bootstrap zu, die die visuellen Elemente erstellt, die Sie sehen.