CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstrap
MarceloBarbosa
MarceloBarbosa

Reputation: 915

bootstrap list group must be over content of the page

I'm using the Twitter Bootstrap list-group to create a search box like Google Search;

I get a list from an Ajax and append it to my list-group.

When I append this list, all the content go down. I want that this list appears over all the content.

SOmeone can help me do that?

My Code: 

<div class="list-group" id="ProcListaItem">
    <label>Credenciado Solicitante</label>
    <input type="text" class="form-control" id="nomeCredenciado" placeholder="Credenciado">
</div>

JS Code:

$.get('ajax/ajustecid/getProcedimentos.asp?NumAtend=' + xNumAtend)

.done(function (data) {
    if (data.status) {

        $.each(data.resultado, function (ResultadoItens, item) {$('#ProcListaItem').append('<li class="list-group-item" title="' + item.DesProcTab + '"><span class="badge">' + item.CodProcTab + '</span>' + item.DesProcTabLimit + '</li>')});

    }
    else {
        $('#ProcListaItem').append('<li class="list-group-item">Nothing Found</li>')
    }
})

Bootstrap list-group

Upvotes: 2

Views: 3159

Answers (1)

MarceloBarbosa
MarceloBarbosa

Reputation: 915

I have just added this CSS to my list-group:

style="position: absolute; z-index: 999;"

Upvotes: 4

Related Questions