Twitter Bootstrap表列 - 第一个表比第二个表更短的列宽

Question

我想用Twitter Bootstrap使用.haml创建两个表。问题是，我的第二张桌子很好地呈现，但我的第一张桌子，其文本少得多，似乎在整个页面上无限延伸。我怎么能设置我的第一个表格列宽度是小的，在不同的宽度比第二个表格？我试过了：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 

Answer 1

裹表的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