我按照这个答案的建议，使用bootstrap在我的jumbotron中显示背景电影：
https://stackoverflow.com/a/34624728/9072894
问题是网站内容显示里面 jumbotron / movie。这是一个显示问题的小提琴：
https://jsfiddle.net/cortical_iv/kae4q601/228/
例如，以下<p>中的内容在 jumbotron中显示：
<div class="jumbotron">
<video id="video-background" preload muted autoplay loop>
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
<div class="container">
Hello World. I am in the jumbotron. As I should be.
</div>
</div>
<p>
Here is my content. It inside the jumbotron. I want it to be outside the jumbotron.
</p>
如何使jumbotron / movie有明确的界限？例如，我的网站的主要内容，如这个简单示例中<p>内的内容，出现在jumbotron之外？ ＆＃39; Hello World＆＃39;意思是在jumbotron里面。
答案 0 :(得分：0)
它没有工作，因为它有一个Comparator位置。
根据您的要求。您甚至不需要引导程序Comparator<String> sizeComparator = Comparator.comparingInt(Size::sizeToInt);
List<String> sizes = Arrays.asList(
"3XL", "2XL", "XL",
"5L", "2L", "L",
"5M", "2M", "M",
"S", "2S", "3S",
"XS", "2XS", "3XS"
);
sizes.sort(sizeComparator);
System.out.println(sizes);
// ^--- [
// "3XS", "2XS", "XS",
// "3S", "2S", "S",
// "M", "2M", "5M",
// "L", "2L", "5L",
// "XL", "2XL", "3XL"
// ]
，并且可以使用普通css实现相同功能，并且可以使用fixed定位将元素放置在jumbotron元素中。检查代码段。
absolutevideo