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

【问题标题】：Twitter Bootstrap Popovers - multiple widths and other CSS propertiesTwitter Bootstrap Popovers - 多种宽度和其他 CSS 属性
【发布时间】：2013-03-13 14:42:18
【问题描述】：

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

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

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

【问题讨论】：

标签： twitter-bootstrap

【解决方案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 像素的内联样式。您可能希望将自己的类名添加到元素并使用自己的样式表对其进行样式设置。

【讨论】：