I have a form that I tried to put in the middle of a rotating banner, but it looked like this:
HowwouldIdotocenterinthemiddleofthebannerandthefieldsgetmoreharmonicwithinthediv?
<formclass="form-inline" style="padding: 10px; width: 870px; background: rgba(0,0,0,.4); margin: 150px 10%; position: absolute; z-index: 9999999999">
<div align="center"><h1 style="color: #FFF; padding: 10px">Sua casa nova está aqui!</h1></div>
<div class="form-group col-lg-3">
<select method="post" class="form-control" style="width: 100%">
<option>O que deseja?</option>
<option>Alugar</option>
<option>Lançamentos</option>
</select>
</div>
<div class="form-group col-lg-3">
<select method="post" class="form-control" style="width: 100%">
<option>Qual tipo?</option>
<option value="Todos" style="background-color: #F5F5F5; font-weight: bold">Todos</option>
<option value="Todos"> - Todos os imóveis</option>
<option value="Todos" style="background-color: #F5F5F5; font-weight: bold"> Residencial</option>
<option value="Todos"> - Apartamento padrão</option>
<option value="Todos"> - Casa de condomínio</option>
<option value="Todos"> - Casa de vila</option>
<option value="Todos"> - Casa padrão</option>
<option value="Todos"> - Cobertura</option>
</select>
</div>
<div class="form-group col-lg-3">
<select method="post" class="form-control" style="width: 100%">
<option>Localização</option>
<option>Botafogo</option>
<option>Ipanema</option>
<option>Copacabana</option>
</select>
</div>
<div class="form-group col-lg-3">
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar</button>
</div>
</form>