同じ Web ページで幅、余白、パディングなどの異なる複数のポップオーバーを使用することは可能ですか?
テーブル フィールドには幅 300px のポップオーバーを使用し、リンクには幅 200px のポップオーバーを使用したいと考えています。
ポップオーバーの CSS プロパティには精通していますが、複数のポップオーバーを異なる CSS プロパティで使用する方法がわかりません。
同じ Web ページで幅、余白、パディングなどの異なる複数のポップオーバーを使用することは可能ですか?
テーブル フィールドには幅 300px のポップオーバーを使用し、リンクには幅 200px のポップオーバーを使用したいと考えています。
ポップオーバーの CSS プロパティには精通していますが、複数のポップオーバーを異なる CSS プロパティで使用する方法がわかりません。
デフォルトのテンプレートを独自のものでオーバーライドしてから、css で好きなようにスタイルを設定できます。
次に例を示します。
$("#example").popover({
placement : 'bottom',
template: '<div class="popover" style="width: 300px"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>',
content : "Your content goes here."
});
幅を 300px に設定するインライン スタイルに注意してください。要素に独自のクラス名を追加し、独自のスタイルシートでスタイルを設定する必要があります。