javascript - In bootstrap, how to make one div takes full width when possible -

in bootstrap, can place 2 divs next each other using following technique

<div class="row">    <div class="col-md-12">first div</div>    <div class="col-md-12">second div</div> </div> 

but, if hide first div javascript or display:none, second div take 24 spaces.

is there way achieve without changing class col-md-24 in javscript when hiding first div?

thank you

unfortunately, not. mentioned already, it's simple as:

$('.col-md-12').eq(0).addclass('hidden'); $('.col-md-12').eq(1).removeclass('col-md-12').addclass('col-md-24'); 

obviously in reference example above, you'd better of using real css class , not eq's.