bootstrap popover:高级定位 [英] bootstrap popover: advanced positioning

查看:529
本文介绍了bootstrap popover:高级定位的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图为位于960px宽网页的右上角的触发器定位一个twitter-bootstrap popover。
理想情况下,我将它放在底部并用CSS移动箭头(所以箭头在弹出框的右上角)。

I'm trying to position a twitter-bootstrap popover for a trigger that sits on the far top-right corner of a 960px wide web page. Ideally, I'd position it on the bottom and move the arrow with CSS (so the arrow is on the top-right of the popover).

不幸的是,放置:底部的定位是不够的,因为它会集中在触发器下面。

Unfortunately the 'placement':'bottom' positioning is not enough, since it will center it below the trigger.

我正在寻找的解决方案,下面和左边的触发器。我读了吨的问题,但找不到任何。

I'm looking for solution that will place the popover statically below and on the left of the trigger. I read tons of questions but couldn't find any.

提示?

推荐答案

这工作。已测试。

.popover {
    top: 71px !important;
    left: 379px !important;
}

这篇关于bootstrap popover:高级定位的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆