Пытаюсь выровнять select и input в одной строке, но выходит криво. Как быть? Или нужно самому дописывать css?
div#sample_div {
width: 250px;
float: left;
padding-left: 30px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div id="sample_div">
<form>
<div class="form-group field-middle_name">
<div class="col-sm-7 row">
<select name="prefix_id" id="prefix_id" class="form-control" title="Префикс" required="required">
<option value="">Префикс</option>
</select>
</div>
<div class="col-sm-8 row">
<input type="number" name="sample_number" id="sample_number" class="form-control" placeholder="Номер" title="Номер образца" required="required">
</div>
</div>
<div class="help-block row"></div>
</form>
</div>