ruby-on-rails-3 - rails 3.2、twitterブートストラップアイコン付きのボタンの幅が正しくないのはなぜですか？

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

誰もが私がここで欠けているものを教えてくれますか？ps：アイコンを使用しない場合、ボタンは通常どおり正しい幅で表示されます

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