Estou treinando na criação de forms, e estou fazendo uso de bootstrap nele, principalmente das <div class="row">
e <div class="col-md-4">
. Porém, quando fui colocar apenas dois elementos na mesma linha, respectivamente e
` o campo de input do primeiro item não acompanhou o tamanho da coluna, deixando assim um espaço em branco entre os dois campos. Como faço pra que ele aumente? tentei aplicar css somente no id do campo e não resultou em alteração.
Abaixo o código que estou usando na row:
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label>Nome Completo</label><br>
<input id="fullname" type="text">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Idade</label><br>
<input id="age" type="number">
</div>
</div>
</div>
E links adicionados externamente:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<link href='custom.css' rel='stylesheet' type='text/css'>