Html 引导传送带传送图像以外的其他内容

我想在个人项目中使用twitter引导转盘。 到目前为止，它工作得非常好，因为我使用了bootstrap主页的示例

现在我想把简单的html内容而不是图片放在那里。 然后，该内容应以与图片相同的方式旋转。 我放入的文本显示在旋转木马标题中，而我放入旋转木马标题中的文本不显示

例如：

    <div class="item">
        This is the text or html code i want to place
        <div class="carousel-caption">
            <h4>Thumbnail label</h4>
            <p>Carousel caption text<p>
        </div>
    </div>

这是我想要放置的文本或html代码
缩略标签
旋转字幕文本

有办法得到这份工作吗？ 也许有一种方法可以声明一个白色的跨度，比如说300x300px，在那里我可以放置一些内容

你应该知道我是初学者。我现在正在学习html、css、js、mongodb、bootstrap、node.js。但现在这对我来说有点太多了

非常感谢

---

丹尼尔

您没有关闭

旋转木马标题

分区。可能是您的问题。如果您查看引导转盘的文档，在每个项目中使用图像或文本没有什么不同

<div id="myCarousel" class="carousel slide">
   <!-- Carousel items -->
   <div class="carousel-inner">
     <div class="active item"><p>1</p></div>
     <div class="item"><p>2</p></div>
     <div class="item"><p>3</p></div>
   </div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

一,

二,

三,

查看JSFIDLE中此代码的行为：

---

不要修改z索引和不透明度，首先使用我上面给出的索引，然后开始做复杂的事情，如果您有疑问，请再次询问，对不起，我的时间不多了。

Rondell可能是一个jQuery插件，用于按您的意愿显示图库和不同内容

---

我已经使用过这个插件，它非常容易使用，下载

旋转木马标题
类对你不好。如果你不想展示图片，就不要使用它，这样你就没事了。将html内容定义为标题在语义上甚至是错误的。只需离开课堂，使用普通的
div

<div>
    <h4>Thumbnail label</h4>
    <p>Carousel caption text<p>
</div>


缩略标签
旋转字幕文本

这些平滑的阴影也会消失。这很好，因为我们不希望它们出现在纯文本上（尽管它们在图片上看起来很漂亮）。
@GLES有一种非常简单的方法可以在没有任何图像的情况下使用carousel。实际上是.carousel caption的position属性导致了这个问题。只需将其设置为静态

这是它的演示

只要删除旋转木马标题课程，一切都会很好
对不起！我把课文复制到问题中，弄丢了结束语。我的源代码是有效的。好的，正如你所说，我删除了旋转木马标题，现在我可以看到我键入的文本。问题是整个网站正在失去它的“形式”。以下元素不会停留在其位置上并破坏布局。有办法避免吗？谢谢你也许我可以给它一个高度和寄宿或什么。你好尼娜，这是伟大的！：-）正是我想要的。它起作用了。我会稍微修改一下。但现在我想我明白了如何在这个站点中放置我自己的元素，尽管使用的是引导。但那是css:-）谢谢！看起来你很匆忙，忘记发布完整链接了！
      min-width:150px;
      min-height:100px;
      max-width:200px;
      max-height:100px;
      overflow:hidden;
      border:1px solid red;

<div>
    <h4>Thumbnail label</h4>
    <p>Carousel caption text<p>
</div>

.carousel-caption { position:static; }