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%; } 

working fiddle


Comments

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -