Created
March 7, 2012 08:24
-
-
Save Justinwceo/1991906 to your computer and use it in GitHub Desktop.
Unaligned Simple Form labels with Twitter Bootstrap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<%= 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 %> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment