JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.2.0/bootbox.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/languages/javascript.min.js"></script>
<a class="btn btn-primary" onclick="order1()">Order 1</a>

CSS

.modal-footer button {
  float:right;
  margin-left: 10px;
}

JavaScript

function order1() {
  bootbox.confirm({
    title: "This is test",
    message: "Are you sure of this?",
    callback: function(result) {
        // Do your stuff here
    }
});
}