twitter-bootstrap - Twitter Bootstrap Popovers - 多种宽度和其他 CSS 属性

Question

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

我想为表格字段使用宽度为 300 像素的弹出框，为链接使用宽度为 200 像素的弹出框。

我熟悉弹出框的 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."
});

请注意将宽度设置为 300 像素的内联样式。您可能希望将自己的类名添加到元素并使用自己的样式表对其进行样式设置。