2012-08-27 10 views
19

हाय im क्षैतिज के साथ मिश्रित मैं http://jsfiddle.net/TNLnP/3/ है इनलाइन प्रपत्र बनाने की कोशिश कर, लेकिन मैं jsfiddle पर इस प्रयास करें की तरहट्विटर इनलाइन के साथ क्षैतिज रूप मिश्रण बूटस्ट्रैप

<label><input> 
<label><input><label><input><label><input> 

उत्तर

35

आप एक ही form तत्व के भीतर दोनों रखने के लिए आप अपने fieldset को form-inline जोड़ सकते हैं चाहते हैं:

<form> 
<div class="row"> 
    <fieldset class="form-inline"> 
     <label class="control-label">A</label> 
     <input type="text" class="input-medium"> 
    </fieldset> 
</div><!-- end row --> 
<div class="row"> 
    <fieldset class="form-inline"> 
     <label class="control-label">B</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">C</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">D</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">E</label> 
     <input type="text" class="input-mini" > 
    </fieldset> 
</div><!-- end row --> 
</form> 

http://jsfiddle.net/ZWNjw/

+0

यह डाउनवॉट किया गया था - क्या डाउनवॉटर टिप्पणी क्या गुम है? –

+0

बस जोड़कर यदि आपको इनलाइन तत्वों के साथ एक क्षैतिज रूप (जैसा कि प्रश्न में बताया गया है) की आवश्यकता है, तो यह उत्तर मदद कर सकता है। http://stackoverflow.com/questions/12201835/form-inline-inside-a-form-horizontal-in-twitter-bootstrap मैं आज इसकी तलाश कर रहा था और यहां समाप्त हुआ। –

-1
<!-- First Form =============================== --> 
<div class="row"> 
    <form class="form-inline"> 
    <fieldset> 
     <label class="control-label">A</label> 
     <input type="text" class="input-medium"> 
    </fieldset> 
    </form> 
</div><!-- end row --> 

<!-- Second Form ================================== --> 
<div class="row"> 
    <form class="form-inline"> 
    <fieldset> 
     <label class="control-label">B</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">C</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">D</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">E</label> 
     <input type="text" class="input-mini" > 
    </fieldset> 
    </form> 
</div><!-- end row --> 

कुछ करना चाहते हैं। आशा है इससे आपकी मदद होगी। :)

+13

मुझे लगता है कि मुख्य मुद्दा उन्हें उसी रूप में/डब्ल्यू रखते हुए है –

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