Bootstrap Popover需要设置数据原始标题的样式

Question

在bootstrap中创建了一个带有标题的popover(data-original-title).我怎样才能大胆？

<td class="setWidth concat"><div class="boldTitle"><a href="#" class="tip" rel="popover"             data-trigger="hover"  data-content="Hypercholesterolemia is a condition characterized by very high levels of cholesterol in the blood. Cholesterol is a waxy, fat-like substance that is produced in the body and obtained from foods that come from animals (particularly egg yolks, meat, poultry, fish, and dairy products). The body needs this substance to build cell membranes, make certain hormones, and produce compounds that aid in fat digestion. Too much cholesterol, however, increases a person's risk of developing heart disease." 

data-original-title="Hypercholesterolemia">

<span style="cursor:pointer;">Hypercholesterolemia</span></a></div></td>

小提琴链接http://jsfiddle.net/DivineChef/8J5w6/1/

Answer 1

以下是实现目标的三种可能性.

1. data-html=true在<strong>元素中使用并包装标题

   <a href="#" class="tip" rel="popover"
      data-trigger="hover" data-content="Hypercholesterolemia..."
      data-original-title="<strong>Hypercholesterolemia</strong>"
      data-html="true">Hypercholesterolemia</a>
   

   具有数据属性的演示

2. 使用html: true初始化时,敷你的标题在<strong>元素

    $('[rel=popover]').popover({ html : true });
   

   与popover param的DEMO

3. 使用CSS 更改所有弹出标题的外观

   .popover .popover-title {
       font-weight: bold;
   }
   

   DEMO与普通popover css