ट्विटर बूटस्ट्रैप फॉर्म-क्षैतिज एक मोडल

Question

के अंदर मैं बूटस्ट्रैप मोडल के अंदर एक फॉर्म बनाने की कोशिश कर रहा हूं जिसमें इनलाइन प्रदर्शित लेबल हैं। मैंने फॉर्म-क्षैतिज शैलियों को लागू किया है, जो मोडल के बाहर फॉर्म को सही तरीके से प्रदर्शित करते हैं, जिन लेबलों को सही फ़ील्ड में गठबंधन किया जाता है। हालांकि, मैं इस शैली को मोडल के अंदर काम करने के लिए नहीं मिल सकता। लेबल हमेशा फ़ील्ड के ऊपर दिखाई देते हैं। मैं मॉडल के अंदर लेबल के बगल में लेबल कैसे दिख सकता हूं?

<div id="editModal" class="modal edit-modal hide fade in" style="display: none; "> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 

     <h4>Edit interlining</h4> 
    </div> 

    <div class="modal-body"> 
     <form class="form-horizontal"> 
      <div class="control-group"> 
       <label class="control-label" for="nameInput">Name</label> 

       <div class="controls"> 
        <input id="nameInput" type="text" value="Interlining A"> 
       </div> 
      </div> 

      <div class="control-group"> 
       <label class="control-label" for="widthInput">Width</label> 

       <div class="controls"> 
        <input id="widthInput" type="text" value="130"> 
       </div> 
      </div> 

      <div class="control-group"> 
       <label class="control-label" for="patternInput">Pattern Repeat</label> 

       <div class="controls"> 
        <input id="patternInput" type="text" value="70"> 
       </div> 
      </div> 

      <div class="control-group"> 
       <label class="control-label">Price</label> 

       <div class="controls"> 
        <div class="input-prepend"> 
         <span class="add-on">£</span> <input id="priceinput" name="priceinput" class="span2" placeholder="" type="text" required="" value="90.02"> 
        </div> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

<div class="modal-footer"> 
    <a href="/admin/fabricsave/3" class="btn btn-primary">Save</a> <a href="#" class="btn" data-dismiss="modal">Cancel</a> 
</div> 

Answer 1

मेरे काम कर कोड:

<div id="deleteGroupForm" class="modal hide fade in"> 
    <form method="POST" action="${home}/administrator/groups" class="non-margined"> 
     <input type="hidden" name="_method" value="DELETE" /> 
     <input type="hidden" class="id-holder" name="id" value="" /> 
     <div class="modal-header"> 
      <button type='button' class='close' data-dismiss='modal'>×</button> 
      <h3><spring:message code="delete" /></h3> 
     </div> 
     <div class="modal-body form-horizontal"> 
      <p><spring:message code="delete.confirmation" /></p> 
      <div class="alert"> 
       <strong><spring:message code="warning" />!</strong>&nbsp;<spring:message code="group.delete.warn" /> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn" data-dismiss="modal"><spring:message code="cancel" /></a> 
      <input class="btn btn-danger" type="submit" value="<spring:message code="delete" />" /> 
     </div> 
    </form> 
</div>