データツールチップテキストの一部を太字にします。

Question

data-tooltip=" 
       Title Here 
       1. Bullet one 
       2. Bullet two 
       3. Bullet three " 

太字にするには「ここに」、新しい行に配置するには残りの部分が必要です。

Answer 1

ポストから推測できる最高のブートストラップツールチップを使用していると仮定すると、htmlをあなたのツールチップに有効にすることができます。 （将来的にはより多くの詳細をしてください含めることを忘れないでください！）

<div data-tooltip="<strong>Title Here</strong> 
        <ol> 
         <li>Bullet one</li> 
         <li>Bullet two</li> 
         <li>Bullet three</li> 
        </ol>" data-html="true"> 

また、私は両方の大会のために、可能な場合は、単一の行にHTML属性を維持するお勧めします、と意図しない改行などを防ぐために。ツールチップに改行が必要な場合は、<br>要素を使用してください。

(function() { 
 
    $('[data-toggle="tooltip"]').tooltip(); 
 
}());

.tooltip-div { 
 
    background-color: #F00; 
 
    width: 100px; 
 
    height: 100px; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 

 

 
<div class="tooltip-div" data-toggle="tooltip" title="<strong>Title Here</strong><ol><li>Bullet one</li><li>Bullet two</li><li>Bullet three</li></ol>" data-html="true" data-placement="bottom"> 
 
    
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>