title: How to convert ui jQuery dialog to modal Bootstrap?
body: <p>What is the process to convert this element in Boostrap
  ui jquery?</p>
  
  <pre><code>&lt;div id="dialogDeleteDefaultVariant" title="default"&gt;
    &lt;p&gt;&lt;span  style="margin: 0 7px 20px 0;"&gt;&lt;/span&gt;' . HTML::button('dialog_delete_default_variant_desc', null, 'index.php?A&amp;Catalog\Products&amp;Edit&amp;cPath=40&amp;pID=20#section_ProductsAttributesNewApp_content', null, null, 'sm') . '&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ui jQuery element    </p>
  
  <pre><code>$('#dialogDeleteDefaultVariant').dialog({
      autoOpen: false,
      resizable: false,
      modal: true,
      buttons: {
          '{$button_ok}': function() {
              $(this).dialog('close');
          }
      }
  })
  </code></pre>