造型Bootstrap 3 Popovers

Question

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

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

• 显着扩大了popover;和
• 风格的酥料饼不同的颜色，说：
  • 的酥料饼的“头”一节中绿色背景（“说明：”）
  • 红色背景的酥料饼的‘身体’部分（正文）

根据this answer，我可以拓宽经由酥料饼：

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

这正是我所做的（参见jsFiddle中的JS），但是这显然不起作用。我无法找到任何样式来设计popover的颜色。有任何想法吗？

Answer 1

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

在您提供的小提琴，你可以达到你想要使用以下行“登入”元素的影响：

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