how to make grid to be 100% after re sizing a browser window?

Question

I have 2 div elements inside of but one of them is having class col-md-2 and other is having class col-md-10. sample view

AS shown in image, div containing hyperlinks (Database edit, invoice, preview ) is not acquiring 100% width. How to make it to acquire 100% width after browser resize?

Answer 1

Change the class of your div with class="col-xs-12 col-sm-12 col-md-2" . It should works !

Answer 2

Just add a basic CSS media query to expand the width

@media screen and (max-width: 500px) {
   .col-md-2 {width:100%;}
}

Adjust it to your specific needs