2012-05-05 3 views
8

मैं सरल_फॉर्म + बूटस्ट्रैप के साथ काम कर रहा हूं, लेकिन यह जानना चाहता था कि कुछ फ़ील्ड इनलाइनों और लेबल के तहत अन्य रूपों को उसी रूप में बनाना संभव था।सरल फॉर्म बूटस्ट्रैप क्षैतिज और इनलाइन

मैं संभावित रूप से दो कॉलम या अधिक में एक फॉर्म बनाना चाहता हूं।

क्या रैपर के माध्यम से या शायद एक अलग रूप निर्माता या स्टाइल के माध्यम से इसे प्राप्त करने का कोई तरीका है?

धन्यवाद!

उत्तर

16

जो समाधान मैंने पाया है वह बूटस्ट्रैप द्वारा प्रदान की गई 'पंक्ति' और 'अवधि' कक्षाओं का उपयोग करना और उन्हें सरल रूप से प्रदान किए गए 'wrapper_html' का उपयोग करके विभिन्न फ़ील्ड में डालना शामिल है।

उदाहरण: http://twitter.github.com/bootstrap/scaffolding.html

या बूटस्ट्रैप और साधारण से फ़ॉर्म एकीकरण के कुछ उदाहरण देखें:

.container 
    ... 
    = simple_form_for(@stuff, :html => { :class => 'form-horizontal' }) do |f| 
     = f.error_notification 

     .form-inputs.row 
     = f.input :name, :wrapper_html => { :class => 'span6' } 
     = f.input :contact_name, :wrapper_html => { :class => 'span6' } 

     .form-inputs.row 
     = f.input :contact_email, :wrapper_html => { :class => 'span6' } 
     = f.input :contact_phone, :as => :string, :wrapper_html => { :class => 'span6' } 

आप डॉक्स में के बारे में बूटस्ट्रैप ग्रिड प्रणाली पढ़ सकते हैं http://simple-form-bootstrap.plataformatec.com.br/articles/new

आशा यह सहायता करता है!

0

आप फ़ॉर्म तत्वों की शैली को संशोधित करके हमेशा अपनी पसंद के अनुसार फ़ील्ड व्यवस्थित कर सकते हैं। 2 कॉलम लेआउट के किसी भी Google खोज परिणामों का संदर्भ लें। उदाहरण के लिए - this

0

तुम भी आवरण (मेरे लिए काम किया) को क्षेत्र संलग्न कर सकते हैं:

.container 
    ... 
    = simple_form_for(@stuff, :html => { :class => 'form-horizontal' }) do |f| 
     = f.error_notification 

     = f.input :postal_code, :label => 'Postal code, house number', :wrapper => :append do 
     = f.input_field :postal_code 
     = f.input_field :street_number