बूटस्ट्रैप 3

Question

के साथ simple_form का एकीकरण मैंने बूटस्ट्रैप को संस्करण 3 में अपडेट किया है। सब कुछ सरल_फॉर्म मणि द्वारा जेनरेट किए गए फॉर्म को छोड़कर ठीक काम करता है। मुझे नहीं पता कि मैं इन दोनों को एक साथ कैसे एकीकृत कर सकता हूं। मुझे गीथब प्रोजेक्ट रिपोजिटरी में कोई उपयोगी सुझाव नहीं मिल रहा है। तो क्या किसी के पास मेरे लिए कोई समाधान है?

Answer 1

यहां एक ब्लॉग पोस्ट है http://stabco.tumblr.com/post/59760641051/simple-form-bootstrap3-integration जो एक अच्छा समाधान की तरह दिखता है। यह बूटस्ट्रैप 3.

Answer 2

यह सार मेरे लिए बहुत मददगार था सूट करने के लिए प्रारंभकर्ता अद्यतन करता है:

https://gist.github.com/tokenvolt/6599141

धन्यवाद!

Answer 3

आपको कॉन्फ़िगर/प्रारंभकर्ताओं में प्रारंभकर्ता बनाने और नीचे दी गई सामग्री के साथ पॉपुलटिंग करके बूटस्ट्रैप विशिष्ट सरल_फॉर्म सेटिंग बनाने की आवश्यकता है।

# Use this setup block to configure all options available in SimpleForm. 
SimpleForm.setup do |config| 
    config.wrappers :bootstrap, tag: 'div', class: 'control-group', error_class: 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper tag: 'div', class: 'controls' do |ba| 
     ba.use :input 
     ba.use :error, wrap_with: { tag: 'span', class: 'help-inline' } 
     ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' } 
    end 
    end 

    config.wrappers :prepend, tag: 'div', class: "control-group", error_class: 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper tag: 'div', class: 'controls' do |input| 
     input.wrapper tag: 'div', class: 'input-prepend' do |prepend| 
     prepend.use :input 
     end 
     input.use :hint, wrap_with: { tag: 'span', class: 'help-block' } 
     input.use :error, wrap_with: { tag: 'span', class: 'help-inline' } 
    end 
    end 

    config.wrappers :append, tag: 'div', class: "control-group", error_class: 'error' do |b| 
    b.use :html5 
    b.use :placeholder 
    b.use :label 
    b.wrapper tag: 'div', class: 'controls' do |input| 
     input.wrapper tag: 'div', class: 'input-append' do |append| 
     append.use :input 
     end 
     input.use :hint, wrap_with: { tag: 'span', class: 'help-block' } 
     input.use :error, wrap_with: { tag: 'span', class: 'help-inline' } 
    end 
    end 

    # Wrappers for forms and inputs using the Twitter Bootstrap toolkit. 
    # Check the Bootstrap docs (http://twitter.github.com/bootstrap) 
    # to learn about the different styles for forms and inputs, 
    # buttons and other elements. 
    config.default_wrapper = :bootstrap 
end 

Answer 4

सरल फॉर्म 3.1.0.rc1 अभी जारी किया गया है जो आपकी एकीकरण समस्याओं को हल करना चाहिए। http://blog.plataformatec.com.br/2014/04/bootstrap-3-support-for-simple-form/ पर इसके बारे में ब्लॉग पोस्ट देखें, या यहां बूटस्ट्रैप के लिए नवीनतम सरल फ़ॉर्म यहां देखें: http://simple-form-bootstrap.plataformatec.com.br/।

तो यदि आप इस संस्करण में अपना सरल रूप अपडेट करते हैं, तो आपको अच्छा होना चाहिए।

Answer 5

अच्छी खबर सभी को: अप्रैल 2014, Bootstrap 3 integration is more fully supported के रूप में, एक नई रिलीज में प्रदान किए गए अतिरिक्त रैपर के साथ।

हम सिर्फ साधारण से फ़ॉर्म 3.1.0.rc1 जारी किया समर्थन के साथ 3. बूटस्ट्रैप के लिए यह संभव बनाने के लिए हम इसे और अधिक विस्तृत बनाने के लिए और डेवलपर्स सीधे कॉन्फ़िगर बजाय करने के लिए अनुमति देने के लिए आवरण एपीआई लगाया वैश्विक राज्य पर भरोसा करते हैं। इस तरह के सुधार के बाद, यह बूटस्ट्रैप 3. साथ काम करने के लिए सरल फार्म विन्यास बदलने के लिए

आप यहाँ एक उदाहरण एप्लिकेशन के माध्यम से कार्रवाई में नई कार्यक्षमता देख सकते हैं बहुत आसान था: http://simple-form-bootstrap.plataformatec.com.br/