Twitter Bootstrap Popovers - 多个宽度和其他CSS属性

Question

是否可以在同一网页上使用不同宽度，边距，填充等的多个弹出窗口？

我想为表字段使用宽度为300px的popover，为链接使用宽度为200px的popover。

我熟悉弹出窗口的CSS属性，但不知道如何使用具有不同CSS属性的多个弹出窗口。

Answer 1

您可以使用自己的模板覆盖默认模板，然后使用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。您可能希望将自己的类名添加到元素中，并使用自己的样式表对其进行样式设置。