title: I need help in formatting the navbar menu of bootstrap
body: <p><a href="http://i.stack.imgur.com/3sLoz.png" rel="nofollow">my navbar</a></p>
  
  <p>Hi, this is the code that i have used</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;nav class="navbar navbar-default" id="my-navbar"&gt;
          &lt;div class="container" style="margin-left:60px; margin-right:60px;"&gt;
  
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
  
                  &lt;/button&gt;
                  &lt;a href=""&gt;
                      &lt;div class="nav navbar-nav navbar-left" style="margin-top:15px;"&gt;
                      &lt;img src="images/logostack.gif" alt="logo"&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse navbar-collapse" id="navbar-collapse"&gt;
                  &lt;ul class="nav navbar-nav navbar-center menu_style" &gt; &lt;!--style="font-size:18px; margin-top:25px;"--&gt;
                      &lt;!-- LI STANDS FOR LIST--&gt;
                      &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;SOMETHING&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;About Something&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Meet the Experts&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Challenges&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Shortcomings&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Complications&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Stakeholders&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Prevalence&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Statistics &lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Profile Patient&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Burden Economical&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Protocols&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Management Approach&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Algorithms &amp; Protocols&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Care&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Non Critical&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Critical&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Resource Center&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Modules&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Videos &lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Images &lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="dropdown"&gt;
                             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Engage &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                             &lt;ul class="dropdown-menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Post your Query&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Experts Council&lt;/a&gt;&lt;/li&gt;
                             &lt;/ul&gt;
                          &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;!--unordered list --&gt;
  
  
             &lt;/div&gt;
  
  
          &lt;/div&gt; 
  </code></pre>
  
  <p>I want to place the menu below the logo without using margin on the ul list (since that will spoil the mobile responsiveness and collapse property of bootstrap) .. instead i want to do it with using row and column functions of bootstrap but since im  new to it im not able to make it.. any sort of help really appreciated.. thanks in advance..</p>