JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn-group-sm btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-radio" title="<b>tooltip</b> test" data-toggle="tooltip" data-html="true" data-placement="bottom">
    <input type="checkbox" name="bla" value="artsy"> Artsy
  </label>
  <label class="btn btn-radio">
    <input type="checkbox" name="bla" value="athletic"> Atheletic
  </label>
</div>

<button type="button" class="btn btn-default" title="<strong>Title</strong><ol><li>item</li><li>item</li></ol>" data-toggle="tooltip" data-html="true" data-placement="bottom">hover me</button>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css');

body {
    margin: 10px;
}

JavaScript

$("[data-toggle=tooltip]").tooltip();