rails 3.2、twitter bootstrapなぜアイコン付きのボタンの幅が正しくないのですか？

Question

ボタンの横にアイコンを追加しようとしていますが、アイコンが表示されていますが、場所が間違っていてボタンの総幅も間違っています。画像を確認してください。ただし、ボタンのテキストにはアイコンが表示されます。ここ

は、私が使用したHAMLコードです：

= link_to new_class_room_path, {:class=>'btn btn-primary'} do 
    %i{:class=>'icon-plus'} 
    %span 
     New Class Room 

%a{:class=>"btn btn-danger", :ref=>"#", :style=>'width: 200px;'} 
    %i{:class=>"icon-trash icon-white"} 
    Delete 

いずれは私がここで行方不明です何を私に言うことができますか？ p.s：アイコンを使用しない場合、ボタンは正常な幅で正しく表示されます

Answer 1

あなたのアイコンの中にテキストを入れ子にしました。

の代わりに：

= link_to new_class_room_path, {:class=>'btn btn-primary'} do 
    %i{:class=>'icon-plus'} 
    %span 
     New Class Room 

%a{:class=>"btn btn-danger", :ref=>"#", :style=>'width: 200px;'} 
    %i{:class=>"icon-trash icon-white"} 
    Delete 

用途：

= link_to new_class_room_path, {:class=>'btn btn-primary'} do 
    %i{:class=>'icon-plus'} 
    %span 
    New Class Room 

%a{:class=>"btn btn-danger", :ref=>"#", :style=>'width: 200px;'} 
    %i{:class=>"icon-trash icon-white"} 
    Delete