Ruby on rails 3 rails 3.2，twitter引导为什么带有图标的按钮宽度不正确？

我试图在按钮旁边添加一个图标，图标出现了，但是，位置错误，按钮总宽度也错误，请检查下面的图片，我试图设置红色按钮的宽度，但是，图标仍然出现在按钮文本上

以下是我使用过的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：如果我不使用图标，按钮将以正确的宽度正常显示

您已将文本嵌套在图标中

而不是：

= 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

使用：