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