title: How to add the mega menu in bootstrap menu bar
body: <p>I have using bootstrap in my Menu bar.Now i want my menu bar to be mega menu but not getting how to show the mega menu using bootstrap.I want dropdown to be mega menu <code>&lt;ul class="dropdown-menu"&gt;</code> ..
  Here is the HTML..</p>
  
  <pre><code>         &lt;div class="collapse navbar-collapse navbar-right"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="about-us.html"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="portfolio.html"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Pages &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="blog-item.html"&gt;Blog Single&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="pricing.html"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="404.html"&gt;404&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="shortcodes.html"&gt;Shortcodes&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="blog.html"&gt;Blog&lt;/a&gt;&lt;/li&gt; 
                      &lt;li&gt;&lt;a href="contact-us.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;                        
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>