0

Twitter Bootstrapで.hamlを使用して、2つのテーブルを作成しようとしています。問題は、2番目のテーブルがうまくレンダリングされることですが、テキストがはるかに少ない最初のテーブルは、ページ全体に際限なく伸びているように見えます。最初のテーブルの列幅を2番目のテーブルとは異なる幅に小さく設定するにはどうすればよいですか？：class => "table table-condensed"を試しましたが、それでも大きすぎました。

%html
  %head
    %link(rel="stylesheet" href="css/bootstrap.css")
    %link(rel="stylesheet" href="css/my.css")
    %title Working Units
  %body
    %p  
    %p These are the units that are updating. 
%table{:class => "table table-bordered"}
  %thead
    %tr 
      %th Job 
      %th Age 
  %tbody
    - @plines.each do |row|
      %tr 
        - row.split(/[-,]/).each do |column|
          %td= column
%p These are the units that are not updating. 
%table{:class => "table table-bordered"}
  %thead
    %tr 
      %th Job 
      %th Age 
      %th Time
  %tbody
    - @mlines.each do |row|
      %tr 
        - row.split(/[-,]/).each do |column|
          %td= column
%a{:href=>"/"} Back to the form
4

1 に答える 1

0

divテーブルを特定の幅でラップします。

:css
    .halfsize {
          width: 50%;
    }
.halfsize
    %table{:class => "table table-bordered"}
      %thead
        %tr 
          %th Job 
          %th Age 
      %tbody
        - @plines.each do |row|
          %tr 
            - row.split(/[-,]/).each do |column|
              %td= column
于 2013-02-01T11:22:53.587 に答える