Bootstrap Button Issue: Buttons being Disorganized, Unable to Place Them Side by Side

Question

I am working on a real estate website project. I have already created Photoshop template and uploaded it on Behance. https://www.behance.net/csc103falld848

Right now, I

Answer 1

You can use bootstrap

    <div class="row">
        <div class="col-6"> <button> Email </button> </div>
        <div class="col-6"> <button> Email </button> </div>
    </div>

This will align it side by side, then put width 100% and reduce your padding little bit

Answer 2

Try to wrap the buttons inside a div

<div>
    <button class="button-call">Call</button>
    <button class="button-email">Email</button>
</div>

Buttons are inline tags so they align themselves with the text you place before. The div will place them in another row.

Answer 3

There is no room for them to be side by side. Make them smaller or make the parent element wider.