Form input sizes

Form input sizes replaced by number start with 1 and text sizes like sm, md, lg replaced by responsive breakpoints.

<!-- Source -->
<input class="form-control input-1" type="text" placeholder="1"/>
<input class="form-control input-2" type="text" placeholder="2"/>
<input class="form-control input-3" type="text" placeholder="3"/>
<input class="form-control input-4" type="text" placeholder="4"/>
<input class="form-control input-5" type="text" placeholder="5"/>

Responsive

<!-- Responsive -->
<input class="form-control input-sm-1" type="text" placeholder="1"/>
<input class="form-control input-sm-2" type="text" placeholder="2"/>
<input class="form-control input-sm-3" type="text" placeholder="3"/>
<input class="form-control input-sm-4" type="text" placeholder="4"/>
<input class="form-control input-sm-5" type="text" placeholder="5"/>

<input class="form-control input-md-1" type="text" placeholder="1"/>
<input class="form-control input-md-2" type="text" placeholder="2"/>
<input class="form-control input-md-3" type="text" placeholder="3"/>
<input class="form-control input-md-4" type="text" placeholder="4"/>
<input class="form-control input-md-5" type="text" placeholder="5"/>

<input class="form-control input-lg-1" type="text" placeholder="1"/>
<input class="form-control input-lg-2" type="text" placeholder="2"/>
<input class="form-control input-lg-3" type="text" placeholder="3"/>
<input class="form-control input-lg-4" type="text" placeholder="4"/>
<input class="form-control input-lg-5" type="text" placeholder="5"/>

<input class="form-control input-xl-1" type="text" placeholder="1"/>
<input class="form-control input-xl-2" type="text" placeholder="2"/>
<input class="form-control input-xl-3" type="text" placeholder="3"/>
<input class="form-control input-xl-4" type="text" placeholder="4"/>
<input class="form-control input-xl-5" type="text" placeholder="5"/>