Twitter bootstrap 引导：如何覆盖popover的动态位置？

我会调整引导核心中的位置，但我想保持引导sass gem的更新。popover offset没有变量，我只需要偏移1种类型的popover

上图描绘了这个问题。底部是我使用chrome开发工具进行的调整。如果我将此更改提交到css中，则引导的动态位置会重新调整，并且看起来与上面的情况类似。有没有办法让popover自动显示在其父div的限制范围内？如果没有，我如何克服动态popover放置的负边距

更新： 添加代码。这是按钮组的结果HTML。第一个链接上的popover有效，您可以忽略它

<div class="btn-group btn-section pull-right">
  <a href="/sections/edit_section_text/118" class="noprint btn active-workers hidden-phone bs-popover btn-primary" data-content="<ul id="sectionworkers" class="unstyled"><li><img alt="Avatar" class="avatar" height="25" src="https://secure.gravatar.com/avatar.php?d=mm&gravatar_id=9ac2c7fd1c8e43cd5b4d73d3cb585973" width="25" /> <small>Ben</small></li></ul> <!-- #sectionworkers -->" data-placement="bottom" data-target="#s118section" id="edit_btn118" rel="popover" data-original-title="Active Users: ">
    <i class="icon-edit icon-white"></i> Edit
  </a><option>View revision...</option>

  <a href="#" class="noprint btn bs-popover" data-content="<select></select>" data-placement="bottom" data-toggle="popover" id="hist_btn" rel="popover" data-original-title="View and difference revisions"><i class="icon-time"></i> History</a>

  <div class="popover popover-offset fade bottom in" style="top: 30px; left: 155.5px; display: block;">
    <div class="arrow"></div>
    <div class="popover-inner">
      <h3 class="popover-title">
        View and difference revisions
      </h3>
      <div class="popover-content">
        <select></select>
      </div>
    </div>
  </div>
</div>

---

用bootstrap-tooltip.js中的两行代码修复了它，并将发出拉取请求。这允许添加所需的任何样式，这些样式可以修复工具提示或弹出框中可能存在的任何放置问题

在bootstrap-tooltip.js中，就在show:function中的.$element.trigger'show'之前，添加：

然后就在这之前。$element.trigger'hidden'在hide:function中，添加

然后，在初始化工具提示或弹出框时，按如下方式添加样式：

$('.bs-popover').popover({html:true, trigger:'click', class:'whatever-you-want'})

然后当然要声明。你想在css中声明什么就声明什么

---

应该比这容易多了。不客气

在阅读了Archonic的PR和FATs反应后，我调查了他提到的模板

如果复制Bootstrap的模板并在popover选项中指定它，您可以在该点注入类，这至少解决了我的问题

$el.popover(
  placement: 'top',
  trigger: 'manual', 
  html: true, 
  content: @popoverContent, 
  container: '#mycontainer',
  template: '<div class="popover my_ace_class_name"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
)

---

我已经研究了几乎所有其他相关的问题。似乎有一个偏移量参数已被弃用。placement可以接收函数，但该函数只返回4个字符串中的1个-顶部|底部|左侧|右侧。我需要在初始化后选择popover div，使用jquery，并添加负边距偏移量-389;-您有示例代码吗？看起来您的popover连接到了按钮组，而不是历史按钮。它位于历史按钮上。代码现在是个问题。事实证明，我不能选择然后应用一个修复类-当点击btn时会放置popover，然后从DOM中删除。动态放置popover的便利性非常不方便。添加$'.bs popover'.live'click'，函数{$this.next.addClass'popover-offset'；}；仅在第一次单击时有效。每单击一次，使用toggleClass就会起作用。最简单的方法是改变BooTrop-PopRo.jsTHIP请求，如果接受的话将解决这个问题3更新：我用上面的拉取请求把测试搞砸了。这是新的一个，几个月以来你在StActPoad上发布了一个强奸笑话吗？完全没有考虑到这一点。已编辑-对不起，老兄。@lucygenik缺少弯曲的括号。对一些初学者来说可能不太明显$el.popover{…}；

$('.bs-popover').popover({html:true, trigger:'click', class:'whatever-you-want'})

$el.popover(
  placement: 'top',
  trigger: 'manual', 
  html: true, 
  content: @popoverContent, 
  container: '#mycontainer',
  template: '<div class="popover my_ace_class_name"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
)