css3 - fitting a control-group inside a span in bootstrap -


i have modal contains form , i'm trying divide 2 vertical columns. i'm using fluid-container contains span12 row in turn split 2 span 6 divs.

everything except when try make controls horizontal making form form-horizontal , putting control in control group label. somehow pushes name label , associated control right , ignores span6 div in. i'm pasting partial markup below:

            <div modal="shouldbeopen" class="container-fluid" close="close()" options="opts">             <div class="row-fluid">                 <div class="span12">                     <div class="modal-header">                         <h4>i'm modal!</h4>                     </div>                     <div class="modal-body">                         <div class="modal-form">                             <form class="form-horizontal" novalidate>                                 <div class="row-fluid">                                     <div class="span6">                                         <div class="control-group">                                             <label class="control-label">name: </label>                                             <div class="controls">                                                 <span class="input-medium uneditable-input">some name</span>                                             </div>                                         </div> 

there styles on .form-horizontal .control-label , .form-horizontal .controls in bootstrap css need override.

.form-horizontal .control-label {    width:auto; float:none; display:inline; text-align:left; } .form-horizontal .controls { display:inline-block; margin-left:0; }  

Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -