无法让容器垂直扩展

Question

我正在尝试让外部容器元素垂直扩展以包含内部元素，但它似乎并不想要。在那个截图中，我有一个外部div（我在那个例子中使用了jumbotron，但它无论什么类都做同样的事情），里面有一个视频和一些文本，但它不会扩展为包含内部元素由于某些原因。来源：

    <div class="jumbotron">
        <video class="col-xs-12 col-md-8" muted autoplay loop>
        <source src="test.mp4" type="video/mp4">
        Your browser does not support the video tag.
        </video>
        <div class="col-xs-12 col-md-4">
        text here<br/>
        text here<br/>
        ...
        </div>
    </div>

截图

Answer 1

<div class="jumbotron clearfix">

你应该没事。

小提琴：

http://jsfiddle.net/pjDqj/

Answer 2

不幸的是，您的HTML看起来很正确......但您的屏幕截图看起来有一个奇怪的浮动或清算问题。

尝试将班级clearfix添加到您的jumbotron div。

更好的是，您可以制作Bootply或JSBin示例吗？