Alisson, recomendo estudar a estrutura da visão (Grid system) que você deve seguir ao utilizar bootstrap.
http://getbootstrap.com/css/#grid
Ao declarar seu HTML seguindo esta estrutura, suas telas serão capazes de se ajustar de acordo com o tamanho do dispositivo que está acessando.
Um exemplo simples:
Aqui, quero que para telas pequenas, meu botão ocupe toda a tela. Para telas grandes, apenas 1/4 da tela:
<div class='row'>
<div class='col-lg-3 col-xs-12'>
<button type='button' class='btn btn-primary' style='width:100%'>Botão 1 </button>
</div>
<div class='col-lg-3 col-xs-12'>
<button type='button' class='btn btn-primary' style='width:100%'>Botão 2 </button>
</div>
<div class='col-lg-3 col-xs-12'>
<button type='button' class='btn btn-primary' style='width:100%'>Botão 3 </button>
</div>
<div class='col-lg-3 col-xs-12'>
<button type='button' class='btn btn-primary' style='width:100%'> Botão 4 </button>
</div>
</div>
Lembrando que você nunca deve alterar a posição dos elementos de sua página utilizando estilos CSS como position:absolute e top/left fixos. Isso irá produzir um efeito distorcido quando utilizado juntamente com o bootstrap.