2

嗨，我正在使用 seyhunak / twitter-bootstrap-rails gem 的 twitter bootstrap popover 功能。

在我看来，我有以下代码：

<ul class="nav nav-pills subnav">
  <li>
    <a class="label-with-popover" data-content="popover content" data-title="popover title">Home Valuations:</a>
  </li>
</ul>

我的 page.js.coffe 中的以下内容

jQuery ->
$('.label-with-popover').popover()

弹出窗口出现但看起来像这样：

Bootstrap 弹出框显示奇怪，有额外的垂直线穿过它

Bootstrap 弹出框显示奇怪，并带有额外的垂直线：有谁知道我该如何解决这个问题？

如果您需要更多信息，请告诉我。

4

1 回答 1

2

Bootstrap CSS 和您为项目编写的 CSS 之间存在大量冲突。将来，您应该考虑为您自己的通用类（如 ）使用命名空间.arrow，否则您的 CSS 将干扰使用此类通用类名的第三方库（如 Bootstrap）。

这是对您的小提琴的编辑：http: //jsfiddle.net/5rT9t/1/

我删除了on 的margin声明，on.content的padding值.arrow，并且，严格来说，为了演示，添加了一个容器 div 来抵消弹出框，这样你就可以看到整个事情。

于 2012-10-07T19:33:17.137 回答