bootstrap 3 show label in inline selectbox

Question

I set label for select box menu in bootstrap 3 like this :

<div class="col-lg-2">
    <label>Filter</label>
        <select class="form-control" name="sort">
            <option value="1">1</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
        </select>
</div>

in output in see label in top of select box menu:

I need to show label inline of select box menu like this :

how do show label in inline ?!

DEMO JSFIDDLE

Answer 1

You need put your label and your select inside of a "group", so we have this:

<div class="form-group">
    <label for="sort" class="col-sm-2 control-label"> Filter </label>
    <div class="col-sm-10">
        <select class="form-control" name="sort" id="sort">
            <option value="1">1</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
        </select>
     </div>
</div>