JSFiddle - React, Tailwind, and code Playground

by Vasil Svetoslavov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
  aaaaaa
  <div class="static-popovers">

    <div class="popover top bk-information">
      <div class="arrow">
      </div>
      <h3 class="popover-title">
        aaaa
      </h3>
      <div class="popover-content">
        <p>
          alabala
        </p>
      </div>
      aaaassdd
    </div>
  </div>

</div>

CSS

.static-popovers .popover {
  display: block;
  position: relative;
  margin: 20px;
}

.static-popovers .popover.top .arrow {
  left: 20px;

}