固定框在全屏轮播幻灯片 Twitter Bootstrap

Question

基于全屏轮播幻灯片作为Rails 4 app 的登录页面。

我想知道，是否可以在页面某处添加一个固定框（不是标题）（如常规 div class="col-xs-4"），然后在背景中轮播更改时将其固定？

即此框及其内容不应在每张幻灯片上都刷新，也不应滑出然后又回到屏幕上。

谢谢！

Answer 1

您可以将轮播放在 position: relative 容器中，然后在其中放置一个绝对定位的元素，在轮播旁边。

<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>

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