Masonry Layout

There are few options on how to include/import Masonry Layout into your project:

Install from NPM

Install the Masonry Layout library using command prompt from the root directory of the project:

npm install masonry-layout --save

How to import Masonry Layout package?

<script src="./assets/libs/masonry-layout/masonry.pkgd.min.js"></script>

HTML

<div class="row g-5" data-masonry='{"percentPosition": true }'>
    <div class="col-md-6 col-lg-4">
        ...
    </div>
    <div class="col-md-6 col-lg-4">
        ...
    </div>
    <div class="col-md-6 col-lg-4">
        ...
    </div>
    <div class="col-md-6 col-lg-4">
        ...
    </div>
    <div class="col-md-6 col-lg-4">
        ...
    </div>
</div>