造型Bootstrap 3 Popovers

Question

以下是完整代码示例的相关jsFiddle。

将鼠标悬停在 Fizz 菜单右侧的道路图标上，您会看到一个弹出式窗口。看看popover有多窄？我想：

• 显着扩大了弹片;和
• 设置不同颜色的popover，说：
  • popover＆＃34;标题＆＃34;中的绿色背景部分（＆＃34; 说明：＆＃34;）
  • popover＆＃34; body＆＃34;中的红色背景部分（正文）

根据this answer，我可以通过以下方式扩大popover：

$('[data-toggle="popover"]').popover({
    container: 'body'
});

这正是我所做的（参见jsFiddle中的JS），但这显然不起作用。而且我无法找到任何有关造型弹出窗口颜色的东西。有什么想法吗？

Answer 1

您可以将一些CSS应用于弹出窗口的类以实现此结果。

在您提供的小提琴中，您可以获得所需的效果，以便注册＆＃39;元素包含以下几行：

.signin .popover { min-width:300px; }
.signin .popover-title { background-color:green; }
.signin .popover-content { background-color:red; }