css - Bootstrap 3: how to span CONTENT over ASIDE if this last is empty -

css - Bootstrap 3: how to span CONTENT over ASIDE if this last is empty -

i have bootstrap 3 layout, 2-columns wide. nav column on left (with class "col-sm-3") , content column on right (with class "col-sm-9").

<nav class='col-sm-3'> ... </nav> <article class='col-sm-9'> ... </nav>

i need add together 3rd column, sidebar:

<nav class='col-sm-3'> ... </nav> <article class='col-sm-6'> ... </nav> <aside class='col-sm-3'> ... </nav>

but problem aside not filled content, article span on space dedicated aside in case empty (something replacing "col-sm-6" "col-sm-9").

how it?

you cant though bootstrap framework lone - need introduce jquery. take @ - remove or hide div if it's empty

you need div removed when empty , add together class article div increment col size. how it.

css twitter-bootstrap twitter-bootstrap-3