Unaligned Simple Form labels with Twitter Bootstrap

bnew.html.erb

<%= simple_form_for(@store, :html => { :class => 'form-horizontal' }) do |f| %>
    <%= render :partial => "shared/error_message", :locals => { :f => f } %>
    <div class="span12">
        <%= f.input :business_name, :label => 'Business', :input_html => { :class => "span3" }, :hint => "The Business the store will belong to" %>
        <%= f.input :online_store, :label => 'Online Store', :as => :boolean %>
        <%= f.input :address, :input_html => { :class => "span3" }, :placeholder => "451 University Avenue, Palo Alto, CA 94301", :hint => "For offline store" %>
        <%= f.input :website, :input_html => { :class => "span3" }, :placeholder => "www.somewebsite.com", :hint => "For online store" %>
        <%= f.input :phone_number, :input_html => { :class => "span3" }, :placeholder => "(650) 798-2800" %>
        <div class="form-actions">
            <%= f.button :submit, "Done", :class => 'btn btn-primary span2' %>
        </div>
    </div>
<% end %>

differ.html.erb

Development
<div class="control-group string required">
    <div class="control-label">
        <label for="store_business_name" class="string required">
            <abbr title="required">
                *
            </abbr> Business
        </label>
    </div>
    <div class="controls">
        <input type="text" size="50" name="store[business_name]" id="store_business_name" class="string required span3">
        <p class="help-block">
            The Business the store will belong to
        </p>
    </div>
</div>

Production
<div class="control-group string required">
    <label for="store_business_name" class="string required">
        <abbr title="required">
            *
        </abbr> Business
    </label>
    <div class="controls">
        <input type="text" size="50" name="store[business_name]" id="store_business_name" class="string required span3">
        <p class="help-block">
            The Business the store will belong to
        </p>
    </div>
</div>