Twitter bootstrap 引导滑块:使用静态背景更改文本

Twitter bootstrap 引导滑块:使用静态背景更改文本,twitter-bootstrap,text,background,slider,Twitter Bootstrap,Text,Background,Slider,我正在使用Bootstrap3,我对滑块有一个问题:当只有文本在更改/滑动时,是否可以保持相同的背景?如果是,正确的代码是什么?使用bootstrap文档中的示例进行一些调整: <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> &l

我正在使用Bootstrap3,我对滑块有一个问题:当只有文本在更改/滑动时,是否可以保持相同的背景?如果是,正确的代码是什么?

使用bootstrap文档中的示例进行一些调整:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner"> /* set background on this element */
    <div class="item active">
     <div class="myplaceholder"></div> /* remove the <img> tags and replace with transparent div as a place holder */
      <div class="carousel-caption">
        <h3>This is the text that will scroll passed over a static background</h3>
      </div>
    </div>

这将允许.carousel标题元素可见,并显示为仅滚动到静态红色背景的顶部。这是一个有点丑陋的黑客行为,所以如果你想让它有响应性,你必须重新思考,但希望这会让你走上正确的轨道。

请不要使用bootstrap标签,使用twitter bootstrap,因为它意味着其他东西
.carousel-inner { background: red; }
.myplaceholder { height: 400px; width: 400px; }