Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal!
Sou iniciante com Bootstrap, estou com um problema que talvez seja fácil de resolver ,
Fiz uma tela com 3 colunas (divs), com bootstrap , porém quando diminuo a pagina as inputs fica debaixo um do outro(responsivo), queria que ele ficassem fixos, já tentei a propriedade sytle="position: fixed;", porém não funcionou
Exemplo que estou utilizando:
<div class="row">
<div class="col-md-4">
conteudo das divs
</div>
<div class="col-md-4">
conteudo das divs
</div>
<div class="col-md-4">
conteudo das divs
</div>
</div>Utiliza col-xs-4
As propriedades xs sm md lg indicam até qual resolução elas vão ocupar a quantidade X de col definidas. No seu caso 4.
Como você está utilizando col-md-4 significa que até a resolução mínima de md elas irão ocupar 4 colunas, qualquer coisa menor que isso, elas ocupam 12 (valor máximo do bootstrap).
Se fosse 'sm' você conseguiria reduzir um pouco mais.. E com xs (é o valor mínimo) sempre ocupará 4 colunas..
Espero que seja essa sua dúvida =D
Tenta deixar os inputs com largura 100%. Assim, ele acompanhará sempre a largura total da div, seja col-md-4, col-sm-4...