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
Post a Comment