title: using bootstrap dropdown submenus
body: <p>I have a bootstrap navbar I made here wssl.beta.org. The subnav dropdown works as intended until you get to the right side of the page. I'm trying to make the sub nav appear on the right. Right now I have this for the navbar: </p>
  
  <pre><code>&lt;li class="nav-item active"&gt;
            &lt;a style=" color:#FFBB3F;" class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
              FIELDS
            &lt;/a&gt;
            &lt;ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
              &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown-submenu-left"&gt;&lt;a class="dropdown-item dropdown-toggle" href="#"&gt;Submenu&lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Submenu action&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a class="dropdown-item" href="#"&gt;Another submenu action&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
  </code></pre>
  
  <p>But it keeps appearing to the right for some reason. I've tried attaching -left to the drop-down menu and that also doesn't work.</p>