bootstrap-select truncated inside table-responsive

Known:

I have a bootstrap select like image below:

botstrap-select-truncated

The Code:

<div class=”table-responsive”>

<!–The Select Code–>

</div>

 

Problem:

The dropdown value is truncated by table bottom border

Question:

How to fix it … ?

Answer:

Just add this below style:

<style>

.table-responsive{

overflow-x:visible;

}

</style>

Explain:

overflow-x:visible which mean if elemen overflow this table in vertically then display the element content and do not clip the content

 

Thanks For Reading

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *