Как скрыть элемент spinner в bootstrap?

    var show = document.getElementById('show');
    var hide = document.getElementById('hide');

    show.addEventListener('click', function () {
        var elem = document.getElementById('spinner');
        elem.style.display = "block";
    });
    hide.addEventListener('click', function () {
        var elem = document.getElementById('spinner');
        elem.style.display = "none";
    })

<div class="col-12">
    <div class="d-flex justify-content-center" id="spinner">
        <div class="spinner-border text-success" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
</div>
<button id="show">Показать</button>
<button id="hide">Скрыть</button>