我正在玩弄一个使用引导网格的设计,并遇到了内容,强制,包装或离开屏幕的问题。本质上,我希望我的侧边栏具有固定宽度(大约250px)的选项,它的相邻列可以动态改变大小并使用其余的宽度。
我的想法是使用以下内容
<div class="row">
<div class="col-auto">
*content fixed width*
</div>
<div class="col">
*content dynamic width*
</div>
</div>
然而,我的内容在“col”似乎强迫它采取整个宽度,它下降到一个新的线。我尝试在我的“行”上使用“Flex-Nowrap”,但是我的内容溢出了列和屏幕右侧。不确定我是否遗漏了一些明显的东西。
您可以将cols包装在bootstrap容器中,并赋予其中一个固定宽度。