如何使用引导程序动态设置createElement按钮的样式

Question

我想知道是否可以在使用createElement创建的javascript中设置按钮样式。我希望能够使用引导列和行类，但不确定如何使用。

我尝试使用set属性设置类，但是我不知道如何处理动态加载到html中的内容。

    <div class="containter">
        <div class="row">
            <div class="col-sm-4">
                <div id="stuff"></div>
            </div>

        </div>
    </div>

        var buisnessUID = db.ref("buisness/")
        buisnessUID.on("value", snap => {
            var content = '';
            snap.forEach(function(data){
                var val = data.val();
                var reserveButton = document.createElement('button');
                content +=  val.businessname + " "
                var buisnessId = data.key

                reserveButton.addEventListener('click', function(e){
                    e.preventDefault()
                    var buisnesscheckedin = db.ref("checkedin/" + buisnessId)

                    buisnesscheckedin.child(user.uid).set({
                        status: 'true'
                    })

                    // Go to confirmation screeen

                })


                reserveButton.textContent = 'Reserve' 
                reserveButton.setAttribute("class", "btn btn-danger")
                document.body.appendChild(reserveButton)

            })
            screenItems.append(content)
        });
    }