RE：
http://twitter.github.io/bootstrap/components.html#alerts
我想在我的页面上显示这些提醒.但是,每当我做,它将下面的内容推送下来.我不想要我想要它只是重叠(意思是它出现在顶部,但顶部的内容不被压下).
解决方法
您可以将警报放置在绝对定位的容器中,将其从流程中排除：
.alerts {
position: absolute;
top: 30px;
left: 20px;
right: 20px;
}
<div class="main">
<h1>Heading</h1>
<p>
Some content here...
</p>
</div>
<!-- the order of elements is insignificant (you can swap the main
container and the alerts container and have the same result) -->
<div class="alerts">
<div class="alert">alerting...</div>
<div class="alert">alerting once more...</div>
</div>
这是使用Bootstrap声明组件(使用CSS钩子)进行演示,但也可以使用Bootstrap命令式API(通过JavaScript调用)工作.
这是一个live demo on plunker说明这个.
