0

Ao abrir a lista de opções, o footer é afetado e tem sua posição alterada.

Imagem do Problema

Código no fiddle

1 Resposta 1

0

Uma solução seria colocar o dropdown abrir para cima, para isso basta colocar a classe dropup na div que envolve o dropdown:

<div class="input-group-btn dropup">
    <button type="button" class="btn btn-primary dropdown-toggle" id="btn-dropdown-uf" data-toggle="dropdown">
        Selecione <span class="caret"></span>
    </button>
    <ul class="dropdown-menu dropdown-menu-right dropdown-high" aria-labelledby="btn-dropdown-uf" role="menu">
        <li><a href="#">AC</a></li>
        <li><a href="#">AL</a></li>
        <li><a href="#">AP</a></li>
        <li><a href="#">AM</a></li>
        <li><a href="#">BA</a></li>
        <li><a href="#">CE</a></li>
        <li><a href="#">DF</a></li>
        <li><a href="#">ES</a></li>
        <li><a href="#">GO</a></li>
        <li><a href="#">MA</a></li>
        <li><a href="#">MT</a></li>
        <li><a href="#">MS</a></li>
        <li><a href="#">MG</a></li>
        <li><a href="#">PA</a></li>
        <li><a href="#">PB</a></li>
        <li><a href="#">PR</a></li>
        <li><a href="#">PE</a></li>
        <li><a href="#">PI</a></li>
        <li><a href="#">RJ</a></li>
        <li><a href="#">RN</a></li>
        <li><a href="#">RS</a></li>
        <li><a href="#">RO</a></li>
        <li><a href="#">RR</a></li>
        <li><a href="#">SC</a></li>
        <li><a href="#">SP</a></li>
        <li><a href="#">SE</a></li>
        <li><a href="#">TO</a></li>
    </ul>
</div>
1
  • eu esperava alguma solução que empurrasse footer, como se estendesse o tamanho da tela, entende? Porque conforme eu reduzo o tamanho da minha tela, o dropdown abrindo pra baixo pode não causar esse problema. Commented 16/05/2017 às 13:44

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .