Bootstrap Carousel other content than image

I want to use the twitter bootstrap carousel in a personal project. So far it works really well because I use the example of the bootstrap homepage.

Now I want to place simple html content instead of images there. This content should then rotate same way as the pictures. The text I put in is shown in the carousel-caption and text I put in the carousel caption is not being displayed.

Example:

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

Is there a way to get this work? Perhaps theres is a way to declare a white span with say 300 x 300 px where i can place some content.

You should know that I at a beginner level. I am now learning html, css, js, mongodb, bootstrap, node.js. But this is a little to much for me now.

many thanks Daniel