title: Drop down my boostrap navbar in mobile view is always collapsed by default..how can i fix this?
body: <p>Here is my code for navbar. It's working perfectly in desktop view but when it comes to mobile view the drop down is not functioning properly. What I might be doing wrong?</p>
  <pre><code>&lt;nav class=&quot;fixed-top navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light&quot; id=&quot;ftco-navbar&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
    
      &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#ftco-nav&quot; aria-controls=&quot;ftco-nav&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
        &lt;span class=&quot;fa fa-bars&quot;&gt;&lt;/span&gt; Menu
      &lt;/button&gt;
      &lt;form action=&quot;#&quot; class=&quot;searchform order-lg-last&quot;&gt;
        
      &lt;/form&gt;
      &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;ftco-nav&quot;&gt;
        &lt;ul class=&quot;navbar-nav mr-auto mt-2&quot;&gt;
            &lt;a class=&quot;navbar-brand&quot; href=&quot;&lt;?php echo base_url() ?&gt;home&quot;&gt;&lt;img src=&quot;&lt;?php echo base_url() ?&gt;assets/images/logo.png&quot;&gt;&lt;/a&gt;
        &lt;/ul&gt;
        &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
          &lt;li class=&quot;nav-item &quot;&gt;&lt;a href=&quot;&lt;?php echo base_url() ?&gt;home&quot; class=&quot;nav-link&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;&lt;?php echo base_url() ?&gt;about&quot; class=&quot;nav-link&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li class=&quot;nav-item dropdown&quot;&gt;
      &lt;a class=&quot;nav-link dropdown-toggle&quot; href=&quot;#&quot; id=&quot;navbarDropdown&quot; role=&quot;button&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;
        Our Services
      &lt;/a&gt;
      &lt;div class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdown&quot;&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Construction and Planning&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Architecting&lt;/a&gt;
        
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;General Services&lt;/a&gt;
        &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Interior Design&lt;/a&gt;
        
      &lt;/div&gt;
    &lt;/li&gt;
          
          
          
          &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;&lt;?php echo base_url() ?&gt;contact&quot; class=&quot;nav-link&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>