JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/0.7.2/tether.js"></script>
<div style="display:none">

            <div class="dropdown">
                <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-40261" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Choose or Create Collection
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-40261">
                    <li>
                        <a href="#">Happy collection</a>
                    </li>
                    <li>
                        <a href="#">Sad collection</a>
                    </li>
                </ul>
            </div>
            <span> test</span>
<a id="elem" href="#" class="btn btn-danger" rel="popover" data-original-title="Brake activity">hover for popover</a>
</div>

<br/>

<button type="button" id="button1" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title">toggle popover 1</button>
<br/><br/><br/>
<button type="button" id="button2" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title">toggle popover 2</button>

JavaScript

$(function () {
  $('#button1').popover({content: $('.dropdown').html(), html:true});
  $('#button2').popover({content: $('.dropdown').html(), html:true});
})