Question

我想让make div定位在bootstrap轮播中，所以div下面的内容可以在它下面。但似乎没有任何效果。这是指向fiddle的链接。

我想让div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fixed-div"修好，以免它出现在屏幕之外。

任何人都可以提供帮助？对此，我真的非常感激。这是指向fiddle的链接。

Answer 1

你的小提琴和你的问题很难理解。但是，如果您想在滑块内修复某些内容，则应尝试将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}

但是在滑块内固定一些东西并不好看。如果你想在每张幻灯片中显示某些内容，你应该将该div放在每个div class="item"内。这很容易。

Answer 2

关于你试图获得固定位置的div，你的小提琴不太清楚。但解决方案可能是这样的。

<div class="parent-div">  <!--/ Could be your slider wrapper or a single slide wrapper -->
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 fixed-div">your fixed content</div>
</div>

以这种方式风格

.parent-div{position:relative;} /*This won't let your fixed-div to go outside of this*/
.parent-div .fixed-div{position:fixed;} /*And you can positon by top,bottom,left,right property*/

将div定位在bootstrap轮播内

2 个答案: