title: How to display dropdown menu items of bootstrap navbar in a horizontal manner rather than vertical?
body: <p>I am using Bootstrap 4. In the dropdown section, the dropdown items are displayed vertically, i.e. one below the other. I these dropdown items displayed horizontally, i.e. one beside the other.</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light"&gt;
              &lt;a class="navbar-brand" href="index.html"&gt;Brand Name&lt;/a&gt;
              &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
                &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
              &lt;/button&gt;
  
              &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                &lt;ul class="navbar-nav mr-auto"&gt;
                  &lt;li class="nav-item active"&gt;
                    &lt;a class="nav-link" href="#"&gt;Home&lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item dropdown"&gt;
                    &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                      Dropdown
                    &lt;/a&gt;
                    &lt;div class="dropdown-menu" aria-labelledby="navbarDropdown"&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&gt;
                  &lt;/li&gt;                
                &lt;/ul&gt;
              &lt;/div&gt;
            &lt;/nav&gt;
  </code></pre>
  
  <p>In the above code, I want the elements with  "dropdown-item" class to be displayed one beside the other. I have used the above code from bootstrap website, version 4.3.1.</p>