造型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; }