I have problem aligning a checkbox and a textbox on a Bootstrap row. The problem is that the checkbox is not centered vertically in the row but a little up. I want the checkbox to be in the middle (height-wise) of the text input. See code and image below. Any ideas?


aligntment_problem.jpg

HTML Code:
<div class="container">
<div class="col-md-6">
<div class="row">
    <div class="col-md-3">
        <input class="form-control" type="text" />
    </div>
    <div class="col-md-1">
        <label class="checkbox-inline"><input type="checkbox" id="c1"/>C-option</label>      
    </div>
</div>
</div>
</div>