Input width in table

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<table class="table">
    <thead>
        <tr>
            <th class="col-sm-2">Large</th>
            <th class="col-sm-2">Large</th>
            <th class="col-sm-1">Small</th>
            <th class="col-sm-2">Large</th>
            <th class="col-sm-1">Small</th>
            <th class="col-sm-2">Large</th>
            <th class="col-sm-2">Large</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input />
            </td>
            <td>
                <input type="number" />
            </td>
            <td>
                <input />
            </td>
            <td> <span></span>

            </td>
            <td>
                <input />
            </td>
            <td> <span></span>

            </td>
            <td> <span></span>

            </td>
        </tr>
    </tbody>
</table>