twitter bootstrap popover title

时间:2013-02-21 20:34:12

标签: css twitter-bootstrap popover

当构建一个twitter引导程序时,你常常使用data-original-title放置标题,我很好奇css类的标题是什么,如果有的话。

原因是,我需要在弹出框的标题内更改标题的位置。我已经尝试了.popover-title,但它将标题和灰色标题背景向下移动,我只想移动标题

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

你是对的,一个popover的标题有popover-title类。因此,您想要进行的任何更改都必须存在。

但是,灰色背景也是popover-title类的一部分,因此任何更改都必须考虑到这一点。例如将text-align:right添加到该类可以正常工作。

你是如何改变这个位置的?你想要实现什么目标?如果你真的想发疯,你可以在bootstrap-popover.js中修改popover的模板来添加另一个类或者什么,但这取决于你想要做什么。