ट्विटर बूटस्ट्रैप - फॉर्म

Question

के भीतर चेकबॉक्स कॉलम/कॉलम मेरे पास एक फॉर्म फ़ील्ड है जिसमें कई चेकबॉक्स हैं - मैं चेकबॉक्स को 1 के बजाय 3 कॉलम के रूप में कैसे प्रदर्शित कर सकता हूं?

कुछ इस के समान:

मैं <div class="controls"> अंदर एक पंक्ति/span divs जोड़ने की कोशिश की है, लेकिन यह एक छोड़ दिया गद्दी जोड़ने जा रहा है।

मुझे पता है कि दस्तावेज़ों में इनलाइन चेकबॉक्स उदाहरण है लेकिन तत्वों को गठबंधन नहीं किया गया है।

Answer 1

आप चेकबॉक्स ब्लॉक इतना की तरह प्रत्येक .control कंटेनर के बजाय .control-group कंटेनर के भीतर अलग करके इस तरह के एक सेटअप को प्राप्त कर सकते हैं:

<div class="control-group"> 
    <p class="pull-left">Payment Types</p> 
    <div class="controls span2"> 
     <label class="checkbox"> 
      <input type="checkbox" value="option1" id="inlineCheckbox1"> Cash 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option2" id="inlineCheckbox2"> Invoice 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> Discover 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> Financing 
     </label> 
    </div> 
    <div class="controls span2"> 
     <label class="checkbox"> 
      <input type="checkbox" value="option1" id="inlineCheckbox1"> Check 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option2" id="inlineCheckbox2"> American Express 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> MasterCard 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> Google Checkout 
     </label> 
    </div> 
    <div class="controls span2"> 
     <label class="checkbox"> 
      <input type="checkbox" value="option1" id="inlineCheckbox1"> Traveler's Check 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option2" id="inlineCheckbox2"> Diner's Club 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> Visa 
     </label> 
     <label class="checkbox"> 
      <input type="checkbox" value="option3" id="inlineCheckbox3"> Paypal 
     </label> 
    </div> 
</div> 

डेमो: http://jsfiddle.net/LVFzK/468/show/