Dialog Size not change using modal like bootstrap css

Question

$("#dialog-edit").dialog({

title: 'Add Desigantion',

autoOpen: true,

top: 0, left: 0,

resizable: false,

height: 355,

width: 'auto',

maxWidth:'auto',

fluid: true,

responsive: true,

show: { effect: 'drop', direction: "up" },

modal: true,

//dialogClass: 'ui-dialog.success-dialog',

draggable: true,

open: function (event, ui) {

$(this).load(url);

},

close: function (event, ui) {

$.get("Designation").done(function () {

$("#body").html();

})

//$.get("Error").done(function (data) {

// $("#body").html(data);

//})

},

error: function (event, ui) {

//$(this).modal('hide').on('hidden.bs.modal', function (e) {

// $('#ErrorCode').modal('show');

// $(this).off('hidden.bs.modal'); // Remove the 'on' event binding

//})

$.get("Error").done(function () {

$("#body").html();

})

}