Bootstrap 3旋转木马 - 仅限标题，高度灵活

Question

我尝试使用Bootstrap轮播在我的网站上创建推荐书部分 - 每个部分都作为单独的幻灯片。我到了只有文字的地步，但我没有看到自动调整高度的方法。所需的结果是幻灯片的高度取决于每个推荐书中的文本数量。

到目前为止，这是代码：

<!-- Wrapper for slides -->
<div class="carousel-inner">
    <div class="item">
        <div class="new_html_code">
            <div class="carousel-caption">
                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quam nisl, volutpat vel ullamcorper id, tempor sagittis nisl. Duis sit amet fermentum nisl. Aenean ante sem, pretium sit amet elit sit amet, rhoncus ullamcorper dolor. Nam pellentesque justo sed faucibus sodales. Fusce feugiat elit lectus, nec bibendum eros adipiscing ut. Etiam ac laoreet eros. Phasellus quis vestibulum purus. </p>
            </div>
        </div>
    </div>
<!-- more slides -->
</div>

CSS：

div.new_html_code {
    width:100%;
    min-width:100%;
    min-height:200px;
    overflow:hidden;
    display:block;    
}

如果我移除高度，文本就会消失。我该怎么做才能达到预期的效果？