2016-03-22 17 views
0

私はRails Webアプリケーションでブートストラップを使用してテーブルを作成しようとしていますが、私のラインの最初の要素は常に他から離れています。ブートストラップテーブルの最初の要素をシフト

enter image description here

私は私のCSSファイルをチェックし、私はこれらの行(およびちょうどその)をクリアする場合:

@import "bootstrap-sprockets"; 
@import "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> 

...しかし、私は私が言ったように、問題は、ここではないと思われます。

ご回答ありがとうございます。

+0

どのブラウザですか?そこには、JavaScriptのインラインスタイルを含むテーブルをスタイリングしている他のCSSはありますか? –

+0

クラス 'タスク'や 'ラベル'を削除しても問題は残りますか?ラベルはブートストラップのプロパティですが、それが問題の一部である可能性があります。 –

答えて

0

テーブルヘッダーからクラス 'label'を削除します。あなたは見ているビジュアルを作成しているブートストラップのクラスにアクセスしています。

関連する問題