Vue Bootstrap流体容器错误的断点

问题描述 投票:0回答:1

我需要一个容器,这样它将需要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

我不正确理解文档吗?是否有具有上述功能的组件?

css vue.js bootstrap-4 bootstrap-vue
1个回答
0
投票

[https://bootstrap-vue.js.org/docs/components/layout#grid-options的布局文档中列出了各种断点的容器最大宽度(假设使用默认的SCSS vars]

© www.soinside.com 2019 - 2024. All rights reserved.