html - Input text field and checkbox on same line -

i have following bit of html, in have form input text field , checkbox, among others:

<form role="form">    <div class="form-group">      <div class="row">        <div class="col-sm-5">          <label for="queuename">name:</label>          <input type="text" class="form-control" id="queuename">        </div>      </div>    </div>      <div class="checkbox">      <label>        <input type="checkbox" value="closedqueue">gender:</label>    </div>    ..  </form>

this way, appearing 1 below other. how can position them on same line?

set display inline-block

css

.form-group, .checkbox{   display: inline-block; } 

demo