javascript - 使 div 位置固定在 bootstrap 轮播中

Question

我想让 div 定位固定在 bootstrap carousel 中，这样 div 下的内容就可以放在它下面。但似乎没有任何效果。这是我的 fiddle 的链接.

我想固定div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fixed-div" 这样它就不会去外屏。

有人可以帮忙吗？对此，我真的非常感激 。 这是我的 fiddle 的链接.

Answer 1

你的 fiddle 和你的问题很难理解。但是如果你想在你的 slider 中固定一些东西，你应该尝试将 position:relative; 添加到你的 div class="item"。 然后将 position:fixed 添加到其中的子 div。

像这样，

<div class="item">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fixed-div">content</div>

CSS

  .item{position:relative}
   .fixed-div{position:fixed}

但是在 slider 内固定一些东西看起来不太好。如果您希望某些内容出现在每张幻灯片中，您应该将那个 div 放在每个 div class="item" 中。那很容易。