2015-12-09 10 views
5

में काम नहीं कर मैं सिर्फ Symfony3 जानने के लिए शुरू कर दिया है, और मैं Bootstrap3 का उपयोग कर विषय मेरी फार्म के लिए कोशिश कर रहा हूँ। documentation के अनुसार, bootstrap_3_layout.html.twig बनाया में जाता है और config.yml में टहनी सेटिंग बदलकर विश्व स्तर पर सक्रिय किया जा सकता:बूटस्ट्रैप 3 Symfony3

# Twig Configuration 
twig: 
    debug:   "%kernel.debug%" 
    strict_variables: "%kernel.debug%" 
    form_themes: 
     - "bootstrap_3_layout.html.twig" 

जब मैं पेज, सीएसएस के बिना पृष्ठ लोड को फिर से लोड, टहनी फ़ाइल और पेज स्रोत के रूप में कर रहे हैं इस प्रकार है:

{# app/Resources/views/experiment/new.html.twig #} 

{{ form_start(form) }} 
{{ form_widget(form) }} 
{{ form_end(form) }} 


<form name="form" method="post"> 
<div id="form"><div class="form-group"><label class="control-label required" for="form_title">Title</label><input type="text" id="form_title" name="form[title]" required="required" class="form-control" /></div><div class="form-group"><button type="submit" id="form_save" name="form[save]" class="btn-default btn">Create Task</button></div><input type="hidden" id="form__token" name="form[_token]" class="form-control" value="O7tN2AUjyLByEz2tkNf675jqixxjev0p4ivzs5Bn4VA" /></div> 
</form> 

कौन सा Bootstrap3 वर्गों को सही ढंग से इंजेक्शन दिया है पता चलता है। साइट पर ही इस तरह दिखता है:

enter image description here

क्या कदम (रों) मैं सीएसएस सही ढंग से काम करने के लिए याद किया है?

उत्तर

4

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

+0

हाय मैं v3.0.5 में अपना पहला सिम्फनी प्रोजेक्ट बना रहा हूं और मुझे पता नहीं है कि बूटस्ट्रैप को कैसे जोड़ना है। सबसे पहले मैं बूटस्ट्रैप 3 और jQuery 2.2 स्थापित करने के लिए संगीतकार का उपयोग करता हूं। लेकिन मुझे किस फाइल की प्रतिलिपि बनाना चाहिए और कहां? –

1

एक alternativ रास्ता के रूप में आप बंडल

https://github.com/phiamo/MopaBootstrapBundle

अपने प्रोजेक्ट में शामिल हो सकते हैं और (सास/कम) अपने प्रोजेक्ट में बूटस्ट्रैप फ़ाइलों मिलता है।

स्थापना पर दस्तावेज़ीकरण उस पृष्ठ पर भी उपलब्ध है। मैं एक स्वयं लिखित एकीकरण का उपयोग कर रहा हूं जो काफी समान तरीकों का उपयोग करता है।

लाभ है कि आप अपने परियोजना में कस्टम सास शामिल हैं और एक ही सीएसएस फ़ाइल है कि आप टेम्पलेट शीर्षक में शामिल हैं में संकलित कर सकते हैं।

संबंधित मुद्दे