diff --git a/site/content/docs/4.3/examples/masonry/index.html b/site/content/docs/4.3/examples/masonry/index.html index fbfa4c8f762074fb7b3f5e752b980ef593fd22a1..d2d12f7391d792aa338f3ad1e12a259aaea6c6fe 100644 --- a/site/content/docs/4.3/examples/masonry/index.html +++ b/site/content/docs/4.3/examples/masonry/index.html @@ -13,7 +13,9 @@ extra_js: <p>Masonry is not included in Bootstrap. Add it by including the JavaScript plugin manually, or using a CDN like so:</p> - {{< highlight html >}}<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous" async></script>{{< /highlight >}} + <pre><code> +<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous" async></script> + </code></pre> <p>By adding <code>data-masonry='{"percentPosition": true }'</code> to the <code>.row</code> wrapper, we can combine the powers of Bootstrap's responsive grid and Masonry's positioning.</p>