Twitter bootstrap 如何在Bootstrap中创建3列，其中最后一列是灵活的，并占用剩余空间？

删除

列2

时，如何为

列3

提供新的额外空间

您是否设置了一些非

col-md-10

的设置，比如某种

col-md-flex

？或者，在删除

列2

时，是否以动态/编程方式更改它

我有这个：

<div class="container-fluid">
    <div class="row">
        <div id="column1" class="col-md-1" style="background-color: gray">
            <div>menu1</div>
            <div>menu1</div>
            <div>menu1</div>
        </div>
        <div id="column2" class="col-md-1" style="background-color: green">
            <div>menu2</div>
            <div>menu2</div>
            <div>menu2</div>
        </div>
        <div id="column3" class="col-md-10">
            @RenderBody()
        </div>
    </div>
</div>

菜单1
菜单1
菜单1
菜单2
菜单2
菜单2
@RenderBody（）

删除column2时，可以将column3的类设置为col-md-11

$('#column2').remove();
$('#column3').attr('class','col-md-11');

引导网格系统（流体或固定宽度）使用12列网格系统，以允许跨显示器的一致布局，因此您必须设置最后一个div的宽度以占据剩余的列（本例中为11列），以便它占据正确的宽度比例（1170px容器上为11/12或91.7%或1067px）