我需要一个容器,这样它将需要100%的有效宽度,直到断点(最大宽度)为止。读取official docs后,响应式液体容器似乎是一个完美的选择。
响应式容器是Bootstrap v4.4中的新增功能。它们允许您指定一个100%宽(流体)的容器,直到达到特定的断点为止,在该点处将应用最大宽度。
Breakpoints table from official docs表示md断点最大为720px。但是这种行为在现实中是不同的。在测试中,我发现,如果视口大于992px,则container-md max-width设置为960px。
screenshot of active css rule on container-md
<b-container fluid="md">
reproduced Codepen
我不正确理解文档吗?是否有具有上述功能的组件?
[https://bootstrap-vue.js.org/docs/components/layout#grid-options的布局文档中列出了各种断点的容器最大宽度(假设使用默认的SCSS vars]