【发布时间】:2013-01-08 22:17:06
【问题描述】:
我正在使用 twitter bootstrap,并且正在使用他们的弹出框来显示有关电影的一些信息。
但它只是被切断了!如下图所示。
这个 JSFidde:http://jsfiddle.net/uGKAz/ 显示了问题 但是在这个 JSFidde 中,问题不存在.. http://jsfiddle.net/uGKAz/1/ 所以似乎是周围的元素造成了它..
另外,如果我将弹出框定位到“右”而不是“左”,我会得到相同的截止线,但弹出框的右侧。
我添加了一个样式到
boostrap.js 中的元素:
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p style="display:inline-block;"></p></div></div></div>'
以下是错误的外观:
添加显示在 Chrome 中选择的完整元素的图像:
【问题讨论】:
-
您帖子中的图片无法加载。
-
尝试添加 'float: left' 你的内部容器 CSS 规则。
-
真的吗?我可以看到它 + 我可以在我的手机上看到它。
-
css中可能隐藏了溢出?
-
图片适合我。但是,您能否添加更多相关代码或 JSFiddle 或其他内容?
标签: javascript html twitter-bootstrap popover