为什么bootstrap中的主栏没有占据全宽？

Question

我创建了一个简单的行，它有两个子列，即 className='col-md-2' 的侧边栏列和 className='col-md-10' 的主栏列。父行类有一个 display:flex 来并排设置两个子行的样式。

<div style={{display:'flex'}} className='row'>
<div className='sidebar col-md-2'>
</div>
<div className='mainbar container-fluid border col-md-10' >
Home
</div>
</div> 

尽管列号加起来为 12，但主栏列并未占据假定的全宽度。

我希望主栏占据屏幕剩余的整个宽度

Answer 1

我找到了问题的答案。我必须将 g-0 引导类添加到行类中以删除装订线。