固定盒子全屏旋转木马幻灯片Twitter Bootstrap

Question

基于全屏旋转木马幻灯片作为Rails 4 app的着陆页。

我想知道，是否有可能在页面的某处添加一个固定的框（不是标题）（如常规div class="col-xs-4"），然后在轮播在后台更改时修复它？

  

即。此框及其内容不应随每张幻灯片一起刷新，也不应滑落，然后再返回屏幕。

谢谢！

Answer 1

您可以将轮播放在一个位置：相对容器中，然后在旋转木马旁边放置一个绝对定位的元素。

<div style="position: relative;">

  // Carousel code here, positioned as desired.

  <div style="position: absolute; top: 0; left: 0;"> // Style as required.
    contents of box
  </div>

</div>

如果您需要人员提供更具体情境的示例，您可以发布一些代码。