title: navbar container to mobile collapse full width(container-fluid)
body: <p>i have a container div where i have my logo, and at the right i have my menu, what i want to do is, when the navbar gets at screen size mobile i want each <li> to be on a row and each row is the size of a container-fluid, at the moment the issue is that each li size is the same of my container, how i can change this?</p>
  
  <p>this is my code:</p>
  
  <pre><code>    &lt;div id="navigation_bar"&gt;
          &lt;div class="content"&gt;
              &lt;div id="logo"&gt;
                  &lt;a href="index.html"&gt;
                      &lt;img class="logo_dark" src="images/virtuai/logo-dark.png" alt="Enar Logo"&gt;
                      &lt;img class="logo_light" src="images/logo-light.png" alt="Enar Logo"&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;nav id="main_nav navbar-right"&gt;
                  &lt;div id="nav_menu"&gt;
                      &lt;span class="mobile_menu_trigger"&gt;
                              &lt;a href="#" class="nav_trigger"&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;
                      &lt;/span&gt;
                      &lt;ul id="navy" class="clearfix" style="float:right"&gt;
                          &lt;li class="normal_menu mobile_menu_toggle current_page_item"&gt;
                              &lt;a href="index.html"&gt;&lt;span&gt;HOME&lt;/span&gt;&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="normal_menu mobile_menu_toggle current_page_item"&gt;
                              &lt;a href="index.html"&gt;&lt;span&gt;ABOUT US&lt;/span&gt;&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="normal_menu mobile_menu_toggle current_page_item"&gt;
                              &lt;a href="index.html"&gt;&lt;span&gt;SOLUTIONS&lt;/span&gt;&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="normal_menu mobile_menu_toggle current_page_item"&gt;
                              &lt;a href="index.html"&gt;&lt;span&gt;CONTACT US&lt;/span&gt;&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/nav&gt;
              &lt;!-- End Nav --&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>