适合自举列

Question

我正在使用bootstrap中的布局容器。我的所有工作都运作良好。但是我遇到了一个我无法解决的问题。需要你的帮助。

问题：我有一个容器，代码看起来像这样。

<div class="container main-container">
    <div class="row">
        <div class="col-md-3" id="sidebar" data-bind="visible: hideSideNavbar() === true">
            <!--left menu starts here -->
            <div class="span4" id="leftDiv">
                <section id="form_Progress">
                    <!--ko compose: {view: 'formProgress'} -->
                    <!--/ko-->
                </section>
            </div>
            <!--left menu ends here -->
        </div>

        <div class="col-md-9">
            <!--right content starts here -->
            <div class="span8 mainsection">
                <section id="content" class="main container-fluid">
                    <!--ko compose: {model: router.activeItem,
                            afterCompose: router.afterCompose,
                            transition: 'entrance'} -->
                    <!--/ko-->
                </section>
            </div>
        </div>
    </div>
</div>

这里的容器有两列，一列是'col-md-3'，另一列是'col-md-9'。列col-md-3有条件地隐藏或显示。如果我隐藏列＆＃39; col-md-3＆＃39;那我想设置col-md-9的宽度是100％。即我希望100％适合该列。感谢。