title: Boostrap 4 Modal not working on Angular 2
body: <p>Im trying to use one example from <a href="https://v4-alpha.getbootstrap.com/components/modal/" rel="nofollow noreferrer">https://v4-alpha.getbootstrap.com/components/modal/</a> , adding a modal to my navbar , but when clicking nothing happens.</p>
  
  <pre><code>&lt;div class="pos-f-t fixed-top header"&gt;
      &lt;nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md"&gt;
          &lt;button class="navbar-toggler navbar-toggler-right" (click)="toggleSidebar()"&gt;
              &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class="navbar-brand" href="javascript:void(0)"&gt;Calculadora ISDB-Tb&lt;/a&gt;
   &lt;!-- Small modal --&gt;
          &lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-sm"&gt;Small modal&lt;/button&gt;
  
          &lt;div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"&gt;
          &lt;div class="modal-dialog modal-sm"&gt;
              &lt;div class="modal-content"&gt;
                ...
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt; 
  &lt;/div&gt;
  </code></pre>