Bootstrap-Popover muss formatieren Daten-Original-Titel

Question

Erstellt ein Popover im Bootstrap, das einen Titel (Daten-Original-Titel) hat. Wie kann ich es fett machen?

<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> 

Fiddle Link-http://jsfiddle.net/DivineChef/8J5w6/1/

Answer 1

Hier sind drei Möglichkeiten, um Ihr Ziel zu erreichen.

1. Verwenden data-html=true und wickeln Sie Ihren Titel in einem <strong> Element

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

   DEMO with data attribute

2. Verwenden html: true, wenn Ihr Titel in einem <strong> Element zu initialisieren und wickeln

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

   DEMO with popover param

3. Ändern Sie das Aussehen von ALLE popover Titel mit CSS

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

   DEMO with general popover css