title: dropdown is not working with bootstrap4 with sass
body: <p>i have written this following code for bootstrap4 but then the toggle functionality doesnt work </p>
  
  <pre><code>&lt;li class="nav-item dropdown"&gt;
                              &lt;a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"&gt;Template&lt;/a&gt;
                                  &lt;div class="dropdown-menu"&gt;
                                          &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
                                          &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
                                          &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
                                      &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                                          &lt;a class="dropdown-item" href="#"&gt;Separated link&lt;/a&gt;
                                  &lt;/div&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>i have included the popper.js too but then it doesnt work out</p>
  
  <pre><code>  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" &gt;&lt;/script&gt;
  </code></pre>
  
  <p>actually i dont wanna us popper js as i wanna import this framework to vue else there will be conflict</p>
  
  <pre><code>can anyone letme know any help would be appreciated
  </code></pre>