How to fix row alignment issue in bootstrap/Javascript

Question

Github repo ( https://github.com/teke85/Luxury_living/tree/add-home-page )

In my bootstrap project I successfully managed to retrieve data dynamically from a javascript object. I noticed that the last row is not aligned correctly. how do i fix this or what could have caused the misalignment? Please note , The issue wasn't there before I fetched the data dynamically using Javascript.

Answer 1

If you are using the newest version, you can do something like this:

<div class="container">
    <div class="row">
        <div class="col">
            Content for column 1
        </div>
        <div class="col">
            Content for column 2
        </div>
    </div>
</div>