title: How to change ngx bootstrap modal width?
body: <p>How can I set the width to my ngx bootstrap modal, I've tried but like It is fixed?</p>
  
  <p>Here's the html </p>
  
  <pre><code>    &lt;div bsModal #childModal="bs-modal" class="modal fade" tabindex="-1" 
       role="dialog" [config]="{backdrop: 'static'}" aria-hidden="true"&gt;
      &lt;div class="modal-dialog modal-sm"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-body text-center"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-
      label="Close" (click)="hide()"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
       &lt;/button&gt;
              &lt;h4 class="modal-title" id="myModalLabel"&gt;Are you sure?&lt;/h4&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;div class="col-xs-6 no-padding-left"&gt;
                      &lt;button type="button" id="dialog_no" class="btn btn-
          default btn-block" data-dismiss="modal" (click)="hide()"&gt;No&lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-6 no-padding-right"&gt;
                      &lt;button type="button" id="dialog_yes" class="btn btn-
       primary btn-block ladda-button" data-style="expand-right" 
       (click)="confirm()"&gt;Yes&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>How can I set the width of the modal for buttons to be placed just on the edge of the modal, with lets say 5 px of border margin?</p>
  
  <p><a href="https://i.stack.imgur.com/bm8ff.png" rel="noreferrer">modal bootstrap</a></p>
  
  <p>I haven't put any styling yet in my css file, even tho I've tried to modify the width but didn't I guess know how...</p>