JSFiddle - React, Tailwind, and code Playground

by givingstage

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<div class="popover top">
  <div class="arrow"></div>
  <h3 class="popover-title">Popover top</h3>
  <div class="popover-content">
    <div class="media">
      <div class="pull-left">
        <img class="media-object profile-image" src="http://pbs.twimg.com/profile_images/378800000611210030/15c4c48177174626c5184df811c7ffdf_bigger.png">
      </div>
      <div class="media-body">
        <div><strong>Giving Stage</strong></div>
        <a target="_blank" href="https://www.twitter.com/givingstage">
          link
        </a>
      </div>
    </div>
  </div>
</div>

CSS

/*to show the popover*/
.popover{
  display: block;
}

/*TWBS: PROPOSED FIX*/
.media-body{
  display: inline-block;
}