title: CSS Navbar items are not in order?
body: <p>I have my navbar items in the order of "offerings," "about," and "contact us." </p>
  
  <p>On the live website it is "about" then "contact us" then "offering"</p>
  
  <p>Is there some sort of code or div grouping I can use to make sure they display in the order listed?</p>
  
  <p>Pasting the code from my application.html.erb:</p>
  
  <pre><code>div class="navbar-order"&gt;
      &lt;ul class="nav navbar-nav navbar-right"&gt;
        &lt;div class="dropdown"&gt;
          &lt;button class="dropbtn"&gt;&lt;li&gt;&lt;%= link_to "Offerings", offerings_path %&gt;&lt;/li&gt;&lt;/button&gt;
  
          &lt;div class="dropdown-content"&gt;
            &lt;li&gt;&lt;%= link_to "Public Speaking", pages_public_speaking_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Nonverbal Communication", nonverbal_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Group Dynamics", group_dynamics_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Intercultural Communication", intercultural_communication_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Editing", editing_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Interviewing", interviewing_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Business Etiquette", business_etiquette_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= link_to "Business Writing", business_writing_path %&gt;&lt;/li&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
  
       &lt;li&gt;&lt;%= link_to "About", about_path %&gt;&lt;/li&gt;
       &lt;li&gt;&lt;%= link_to "Contact Form", new_contact_path %&gt;&lt;/li&gt;
  
       &lt;/ul&gt;
     &lt;/div&gt;
  
  </code></pre>