How to fix row alignment issue in bootstrap/Javascript

Viewed 20

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.enter image description here

1 Answers

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>
Related