css - 如何在正常文档流中使用具有相对位置的 Bootstrap 3 弹出框?

标签 css twitter-bootstrap twitter-bootstrap-3

我正在尝试使用 Bootstrap 3 弹出框作为插入到正常文档流中的相对定位元素,因此它会下推后续的 DOM 元素。也就是说,我在顶部有一个大图像,然后是一个表格。单击图像时,我希望弹出窗口出现在图像下方,将表单向下推。

我知道弹出窗口通常有一个绝对位置,因为在正常用例中这是有道理的。但是,在我的特定情况下,我希望它相对定位,但仍显示在它所属的元素下方。有没有一种(非hacky)方法来完成这个?

最佳答案

您可以使用简单的 CSS 来覆盖 Bootstrap 的 position:absolute..

.popover {
    position:relative;
}

演示:http://www.bootply.com/129257

关于css - 如何在正常文档流中使用具有相对位置的 Bootstrap 3 弹出框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21679618/

相关文章:

javascript - Bootstrap 导航栏子菜单事件状态不起作用

html - 如何垂直重新排序 Bootstrap 列

html - 选择框文字居中对齐

javascript - 设置工具栏背景色为白色,无渐变

css - 背景图像宽度

html - Bootstrap 表单样式不适用

html - 如何在 Bootstrap 中将半径添加到 <thead>

css - 一页有两个 .CSS 样式?

css - grunt-requirejs - 如何优化 CSS?

html - 定位图片