<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<header></header>
<main>
<article class="article">
<h2>Dynamic Sticky Sidebar Component</h2>
<p>Click on the elements below to add them to the sidebar component.</p>
<ul class="items grid">
<li>
<button class="item">
<div class="thumbnail"></div>
<div class="info">
<div class="title"></div>
<div class="subtitle"></div>
</div>
</button>
</li>
<li>
<button class="item">
<div class="thumbnail"></div>
<div class="info">
<div class="title"></div>
<div class="subtitle"></div>
</div>
</button>
</li>
<li>
<button class="item">
<div class="thumbnail"></div>
<div class="info">
<div class="title"></div>
<div class="subtitle"></div>
</div>
