1

関連するjsFiddleと完全なコード サンプルを次に示します。

Fizzメニューの右側にある道路アイコンの上にマウスを置くと、ポップオーバーが表示されます。ポップオーバーの幅が狭いのがわかりますか? したい：

  • ポップオーバーを大幅に広げます。と
  • ポップオーバーをさまざまな色でスタイルします。たとえば、次のようにします。
    • ポップオーバーの「ヘッダー」セクションの緑色の背景 (「指示:」)
    • ポップオーバーの「本文」セクション (本文) の赤い背景

この回答によると、次の方法でポップオーバーを広げることができます。

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

そして、それはまさに私がしたことです（jsFiddleのJSを参照してください）が、これは明らかに機能しません。そして、ポップオーバーの色をスタイリングするためのものが見つかりません。何か案は？

4

1 に答える 1

2

ポップオーバーのクラスに CSS を適用して、この結果を得ることができます。

あなたが提供したフィドルでは、次の行を使用して「signin」要素に必要な効果を実現できます。

.signin .popover { min-width:300px; }
.signin .popover-title { background-color:green; }
.signin .popover-content { background-color:red; }
于 2014-11-04T15:03:12.687 に答える