css - 由空白引起的 bootstrap bootslider 布局问题

Question

问题是我正在使用我在网上看到的 BootSlider.js，除了一件事之外，它可以完成我需要它做的所有事情。实际 slider 在其主 div 上设置了 white-space:none。

正如您将在上面 url 的 slider 面板中看到的那样，我在每个面板中都有需要换行的文本。此文本位于标签中。如果我在每个面板的 SPAN 上设置 white-space: wrap，那么您会看到环绕文本越多，每个面板离顶部越远。

我试图查看 CSS 问题是什么，但卡住了 - 如果有人能提供帮助就太好了？

遗憾的是，它正在使用 bootstrap 3，没有选择使用 4。

Answer 1

尝试将此规则添加到 .index-inner1

.index-inner1 {
    display:flex; /* add this line */
    flex-direction: column; /* add this line */

    padding: 8px !important;
    min-height: 290px !important;
    cursor: pointer !important;
}