html - Vertical align input and select from different rows -
i have simple html:
<div class="row"> <div class="col-md-4 pull-right"> <input type="text" class="form-control input-sm" /> </div> </div> <div class="row"> <div class="col-md-4 pull-right"> <select class="form-control input-sm"> <option value="0">new</option> <option value="1">processing</option> <option value="2">shipped</option> <option value="3">completed</option> </select> </div> </div>
but, input bigger select. can explain me why? demo ps. can't change rows.
it's depending select box's value length, i'm not expert in bootstrap @ if want solve problem should make little change in code:
select.input-sm { height: 30px; line-height: 30px; width: 100%; } .pull-right { float: right!important; width: 50%; }
Comments
Post a Comment