2015-01-22 6 views
11

मैंने पंक्ति का उपयोग किया है और अब फॉर्म-समूह सीएसएस का उपयोग कर रहा है। मैं इन 2 के बीच उलझन में हूं, अगर मुझे फॉर्म नियंत्रण बनाना है तो मुझे कौन सा पसंद करना चाहिए। ऐसा लगता है कि दोनों एक ही काम करते हैं।बूटस्ट्रैप फॉर्म-ग्रुप बनाम पंक्ति सीएसएस जो

+0

हम कोड को देखे बिना कुछ भी कैसे कर सकते हैं? – HaveNoDisplayName

+1

आपको वास्तव में प्रलेखन पढ़ना चाहिए। –

उत्तर

13

मैं आमतौर पर इस पैटर्न का पालन करें:

<div class="form-group"> 
    <div class="row"> 
     <div class="col-md-6"></div> 
     <div class="col-md-6"></div> 
    </div> 
</div> 

नोट col-md-6 और col-md-5 हैं उदाहरण और आप असीमित संख्या के साथ किसी भी col-md-x वर्ग का उपयोग कर सकते हैं। बस योग होना चाहिए 12.

+8

जब .form-group एक .form-क्षैतिज के अंदर है, तो आपको .row की आवश्यकता नहीं है। इस बिंदु का उल्लेख इस पर है: http://getbootstrap.com/css/#forms-horizontal। सटीक रेखाएं हैं: ग्रिड पंक्तियों के रूप में व्यवहार करने के लिए .form-groups में परिवर्तन करना, इसलिए .row की कोई आवश्यकता नहीं है – Vijey

0

यह पुराना हो सकता है, लेकिन यह किसी की भी मदद कर सकता है। बूटस्ट्रैप के साथ, वैसे भी।

फ़ॉर्म-समूह एक फॉर्म पर नियंत्रण के सेट के समूह।

{

<div class="row"> 
    <div class="col-6"> 
     <div class="form-group"> 
      <label>Client Name: </label> 
      <input type="text" name="clientName" /> 
     </div> 
    </div> 

    <div class="col-6"> 
     <div class="form-group"> 
      <label>Client Email: </label> 
      <input type="text" name="clientEmail /> 
     </div> 
    </div> 
</div> 

... आदि: अपनी पंक्ति में एकाधिक कॉलम हैं, और प्रत्येक स्तंभ एक लेबल और एक इनपुट पाठ है, तो इस तरह के रूप में, प्रत्येक लेबल और इनपुट नियंत्रण के चारों ओर एक फार्म समूह डाल }

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