Tenho a seguinte estrutura HTML:
<div class="col-xs-4">
<div class="form-group">
<label for="vencimentoBolsa">Vencimento:</label>
<input type="text" class="form-control" name="dtVencimento" placeholder="Vencimento" required>
</div>
<div class="form-group">
<label for="volumeBolsa">Volume:</label>
<input type="text" class="form-control" name="volumeBolsa" placeholder="Volume" required>
</div>
<div class="form-group">
<label for="unidadeVolume">Unidade Volume:</label>
<select class="selectpicker" data-size="5" data-live-search="true" data-width="100%" name="unidadeVolume" required>
<option selected disabled>Escolha uma opção</option>
<option>Mililitro</option>
<option>Litro</option>
</select>
</div>
</div>
A estrutura anterior fica do seguinte jeito:
Porém eu gostaria que ficasse do jeito jeito:
Já tentei fazer do jeito:
<div class="col-xs-4">
<div class="form-group">
<label for="vencimentoBolsa">Vencimento:</label>
<input type="text" class="form-control" name="dtVencimento" placeholder="Vencimento" required>
</div>
<div class="col-xs-6">
<div class="form-group">
<label for="volumeBolsa">Volume:</label>
<input type="text" class="form-control" name="volumeBolsa" placeholder="Volume" required>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label for="unidadeVolume">Unidade Volume:</label>
<select class="selectpicker" data-size="5" data-live-search="true" data-width="100%" name="unidadeVolume" required>
<option selected disabled>Escolha uma opção</option>
<option>Mililitro</option>
<option>Litro</option>
</select>
</div>
</div>
</div>
Mas fica uma margem na esquerda e na direita dos inputs.