Bootstrap 4.0.0-alpha.6 responsive tables

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<script src="https://code.gijgo.com/1.4.0/js/gijgo.js"></script>
<link rel="stylesheet" href="https://code.gijgo.com/1.4.0/css/gijgo.css">
<button class="btn btn-default" onclick="dialog.open()">Reopen</button>
<div id="dialog" class="card">
         <div class="card-block">
           <form class="form-inline">
            <div class="">
                <label for="name" class="control-label">name</label>
                <div>
                    <input class="form-control"
                           style="height:30px;width:200px;" id="name" />
                </div>
            </div>
            <div class="">
                <label for="description" class="control-label">Description</label>
                <div>
                    <input class="form-control"
                           style="height:30px;width:250px;" id="description" />
                </div>
            </div> 
           </form>           
         </div>
      </div>

JavaScript

//var dialog;
        $(document).ready(function () {
            dialog = $("#dialog").dialog({
                uiLibrary: 'bootstrap4',
                resizable: true,
                width: 650,
                height: 350,
                modal: true
            });
        });