html - How to resize form text field inputs with Bootstrap? -

so have form looks this:

except on 1 line. that, i'm trying resize text fields make them smaller. basically, i'm adding col-md-1 div encapsulates input tag follows:

    <div classname="form-group margin-right-5 col-md-1">                 <input                     classname="form-control"                     type='text'                     placeholder='company'                  />             </div> 

but when that, this:

why happening? because col-md-1 longer current text field? there other way can make input fields shorter fit on 1 line?

i'm new bootstrap, appreciated, thanks!!

[edit] reference, code structured as:

    <td>         <div classname="row padding top">         <div classname="row">         <form action="" classname="form-inline form margin-bottom-5">             <div classname="form-group margin-right-5 col-md-1">                 <input                     classname="form-control"                     type='text'                     placeholder='company'                 />             </div>             <div classname="form-group margin-right-5 col-md-1">                 <input                     classname="form-control"                     type='text'                     placeholder='title'                 />             </div>             <div classname="form-group margin-right-5">                 <input                     classname="form-control"                     type='text'                     placeholder='start month'                 />             </div>             <div classname="form-group margin-right-5">                 <input                     classname="form-control"                     type='text'                     placeholder='start year'                 />             </div>             <div>                 <p> - </p>             </div>             <div classname="form-group margin-right-5">                 <input                     classname="form-control"                     type='text'                     placeholder='end month'                 />             </div>             <div classname="form-group margin-right-5">                 <input                     classname="form-control"                     type='text'                     placeholder='end year'                 />             </div>          </form>         </div>         </div>     </td>