Bootstrap格栅自动宽度问题！

Question

本人在row下设了两列：col-md-8 和 col-md-4 ,col-md-8用于放文章内容，col-md-4用于放sidebar，但是问题来了，如果在网站后台设置不显示sidebar，文章内容宽度还是col-md-8的宽度，右侧会空出一大块，有什么方法可以让文章内容的宽度自动最大化，也就是达到col-md-12的宽度！
谢谢大家！
代码如下：

<div class="row">
    <div class="col-md-8">
    </div>
    <div class="col-md-4">
    </div>

Answer 1

设置一个隐藏域来用作判断是否隐藏了sidebar，并设置id(文章内容：main，sidebar：sidebar)
用JS设置文章内容的class，和sidebar的class

$(function(){        
    var is_hide = $('hf_hide_sidebar').val();
    if(is_hide){ // 隐藏
        $('#sidebar').removeClass('col-md-4');
        $('#main').removeClass('col-md-8').addClass('col-md-12');
    }
})

Answer 2

草案里有css display flex（弹性布局），浏览器支持还不到位，但比JS方案要优雅得多，可以考虑结合polyfill实现