twitter 引导弹出框标题答案

【问题标题】：twitter bootstrap popover titletwitter 引导弹出框标题
【发布时间】：2013-02-21 20:34:11
【问题描述】：

在构建 twitter 引导弹出窗口时，您经常使用 data-original-title 放置标题，但是我很好奇标题 css 类是什么，如果有的话。

原因是，我需要更改标题在弹出框标题内的位置。我试过.popover-title，但它把标题和灰色标题背景移了下来，我只想移动标题

【问题讨论】：

您的选择器是否足够具体？
不清楚是什么问题，这是100%.popover-title。
改变位置是什么意思？比如：位置：绝对；顶部：0 ??

标签： css twitter-bootstrap popover

【解决方案1】：

以什么方式改变位置？

只需覆盖此声明

.popover-title {
  background-color: #F7F7F7;
  border-bottom: 1px solid #EBEBEB;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
}

【讨论】：

【解决方案2】：

你是对的，弹出框的标题有 popover-title 类。因此，您要进行的任何更改都必须存在。

但是，灰色背景也是 popover-title 类的一部分，因此任何更改都必须考虑到这一点。例如在课堂上添加text-align:right 效果很好。

你是如何尝试改变位置的？你想达到什么目的？如果您真的想发疯，您可以更改 bootstrap-popover.js 中弹出框的模板以添加另一个类或其他内容，但这取决于您要做什么。

【讨论】：