title: Want to add spacing between buttons
body: <p>I have a simple task to add space  between buttons in a dialog box like in the example code below obtained from <a href="http://bootboxjs.com/examples.html" rel="noreferrer">http://bootboxjs.com/examples.html</a>. Just imagine that there is more than 1 button is this example. Like save, delete, cancel, confirm.</p>
  <pre><code>bootbox.dialog({
          title: &quot;This is a form in a modal.&quot;,
          message: '&lt;div class=&quot;row&quot;&gt;  ' +
              '&lt;div class=&quot;col-md-12&quot;&gt; ' +
              '&lt;form class=&quot;form-horizontal&quot;&gt; ' +
              '&lt;div class=&quot;form-group&quot;&gt; ' +
              '&lt;label class=&quot;col-md-4 control-label&quot; for=&quot;name&quot;&gt;Name&lt;/label&gt; ' +
              '&lt;div class=&quot;col-md-4&quot;&gt; ' +
              '&lt;input id=&quot;name&quot; name=&quot;name&quot; type=&quot;text&quot; placeholder=&quot;Your name&quot; class=&quot;form-control input-md&quot;&gt; ' +
              '&lt;span class=&quot;help-block&quot;&gt;Here goes your name&lt;/span&gt; &lt;/div&gt; ' +
              '&lt;/div&gt; ' +
              '&lt;div class=&quot;form-group&quot;&gt; ' +
              '&lt;label class=&quot;col-md-4 control-label&quot; for=&quot;awesomeness&quot;&gt;How awesome is this?&lt;/label&gt; ' +
              '&lt;div class=&quot;col-md-4&quot;&gt; &lt;div class=&quot;radio&quot;&gt; &lt;label for=&quot;awesomeness-0&quot;&gt; ' +
              '&lt;input type=&quot;radio&quot; name=&quot;awesomeness&quot; id=&quot;awesomeness-0&quot; value=&quot;Really awesome&quot; checked=&quot;checked&quot;&gt; ' +
              'Really awesome &lt;/label&gt; ' +
              '&lt;/div&gt;&lt;div class=&quot;radio&quot;&gt; &lt;label for=&quot;awesomeness-1&quot;&gt; ' +
              '&lt;input type=&quot;radio&quot; name=&quot;awesomeness&quot; id=&quot;awesomeness-1&quot; value=&quot;Super awesome&quot;&gt; Super awesome &lt;/label&gt; ' +
              '&lt;/div&gt; ' +
              '&lt;/div&gt; &lt;/div&gt;' +
              '&lt;/form&gt; &lt;/div&gt;  &lt;/div&gt;',
          buttons: {
              success: {
                  label: &quot;Save&quot;,
                  className: &quot;btn-success&quot;,
                  callback: function () {
                      var name = $('#name').val();
                      var answer = $(&quot;input[name='awesomeness']:checked&quot;).val()
                      Example.show(&quot;Hello &quot; + name + &quot;. You've chosen &lt;b&gt;&quot; + answer + &quot;&lt;/b&gt;&quot;);
                  }
              }
          }
      }
  );
  </code></pre>
  <p>I would like to know how to increase the spacing between the buttons so that they are placed more far apart and look spacious and the UI of the dialog box is more beautiful. I am not so good at these stuff. I have searched a lot. Please help me. Your help will be much appreciated. Thank you very much.</p>
  <p>Please give some code and live example if possible. Thank you again.</p>