Add this to the buttons:

 data-toggle="modal" data-target="#theModalIdHere"







<div class="modals">
        <div id="coinflipCreate" class="modal fade" role="dialog">
            <div class="modal-dialog coinflip">

              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">Create a lobby</h4>
                </div>
                <div class="modal-body">
                  <div class="create-head">
                    <div class="coin-sec">
                        <img src="img/ct.png" alt="Choose" class="picker picker-1 active" />
                        <img src="img/t.png" alt="Choose" class="picker picker-2" />
                    </div>
                    <div class="text-sec-c">
                        <div class="money-sec">
                            $<span class="host-total-value" id="host-total-value">0</span>
                            <div class="high-text">Value</div>
                        </div>
                        <div class="selected-sec">
                            <span class="host-total-skins" id="host-total-skins">0</span>/10
                            <div class="high-text">Amount</div>
                        </div>
                    </div>
                </div>
                <div class="create-body create1" id="create1">
                    <div class="wrapper">
                        <svg class="hourglass" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 206" preserveAspectRatio="none">
                            <path class="middle" d="M120 0H0v206h120V0zM77.1 133.2C87.5 140.9 92 145 92 152.6V178H28v-25.4c0-7.6 4.5-11.7 14.9-19.4 6-4.5 13-9.6 17.1-17 4.1 7.4 11.1 12.6 17.1 17zM60 89.7c-4.1-7.3-11.1-12.5-17.1-17C32.5 65.1 28 61 28 53.4V28h64v25.4c0 7.6-4.5 11.7-14.9 19.4-6 4.4-13 9.6-17.1 16.9z"/>
                            <path class="outer" d="M93.7 95.3c10.5-7.7 26.3-19.4 26.3-41.9V0H0v53.4c0 22.5 15.8 34.2 26.3 41.9 3 2.2 7.9 5.8 9 7.7-1.1 1.9-6 5.5-9 7.7C15.8 118.4 0 130.1 0 152.6V206h120v-53.4c0-22.5-15.8-34.2-26.3-41.9-3-2.2-7.9-5.8-9-7.7 1.1-2 6-5.5 9-7.7zM70.6 103c0 18 35.4 21.8 35.4 49.6V192H14v-39.4c0-27.9 35.4-31.6 35.4-49.6S14 81.2 14 53.4V14h92v39.4C106 81.2 70.6 85 70.6 103z"/>
                        </svg>
                    </div>
                </div>
                </div>
                <div class="modal-footer">
                    <div class="depsec">
                        <div class="deposit host_lobby">Deposit</div>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
              </div>

            </div>
        </div>
        <div id="coinflipView" class="modal fade" role="dialog">
            <div class="modal-dialog coinflip">

              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">View lobby</h4>
                </div>
                <div id="coinflip-current-lobby" class="modal-body cf-currentlobby">

                </div>
                <div id="coinflip-join" class="hidden">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div>

            </div>
        </div>
    </div>