title: Dropdown menu inside another dropdown menu
body: <p>I have a problem. I want to create an Our Pick dropdown menu inside the Games dropdown menu but I don't why the code doesn't work. Can you guys tell me where is the problem come from?</p>
  <pre><code>&lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;menu&quot;&gt;
                  &lt;ul class=&quot;navbar-nav&quot;&gt;
                      &lt;li class=&quot;nav-item dropdown&quot;&gt;
                              &lt;a href=&quot;#&quot; class=&quot;nav-link dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Games&lt;/a&gt;
                              &lt;ul class=&quot;dropdown-menu games-menu&quot; &gt;
                                  &lt;li&gt;&lt;a href=&quot;latest.html&quot; class=&quot;dropdown-item&quot;&gt;Latest&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href=&quot;best_selling.html&quot; class=&quot;dropdown-item&quot;&gt;Best Selling&lt;/a&gt;&lt;/li&gt;
                                  &lt;div class=&quot;dropdown&quot;&gt;
                                      &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;dropdown-item dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Our Pick&lt;/a&gt;&lt;/li&gt;
                                          &lt;ul class=&quot;dropdown-menu games-menu&quot;&gt;
                                              &lt;li&gt;&lt;a href=&quot;2019.html&quot; class=&quot;dropdown-item&quot;&gt;2019&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href=&quot;2020.html&quot; class=&quot;dropdown-item&quot;&gt;2020&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                  &lt;/div&gt;   
                              &lt;/ul&gt;
                      &lt;/li&gt;
            &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>