停止根据文本长度调整侧边栏大小

Question

我正在使用 bootstrap 5。我刚开始玩它，从版本 4 到版本 5 有一些很大的不同。

这是一个 jsfiddle 来展示我的 issue。

问题出在 lorem ipsum 文本上，如果该文本（无论是段落、警报还是任何内容）超过一定长度，它会将侧边栏推向左侧，而不是将文本向下移动它所在的卡片。

例如，仅使用较小的文本长度

<div class="alert alert-info m-2">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>

将显示正确的边栏宽度。

我非常不明白为什么会这样。我不希望边栏根据文本长度自行调整大小，这感觉很愚蠢。

Answer 1

当然问了你自己就找到解决办法了……唉

.main-sidebar {
    flex-basis: var(--main-sidebar-width);
    flex-grow: 0;
    flex-shrink: 0;
}