title: Bootstrap 3 dropdown button height and search
body: <p>I'm having a little problem with bootstrap 3. I tried for the whole day to solve and searched everything in internet even used FireBug but didn't help. </p>
  
  <p><img src="https://i.stack.imgur.com/IRTns.png" alt="http://i.stack.imgur.com/IRTns.png"></p>
  
  <p>The button of dropdown is higher than the menu and its going outside the menu.</p>
  
  <pre><code>&lt;ul class="nav navbar-nav navbar-right"&gt;
    &lt;?php if(!is_array(session( 'thisUser'))): ?&gt;
    &lt;a href="&lt;?php echo URL('register') ?&gt;" class="btn btn-primary btn-success"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; &lt;?php echo T('Register') ?&gt;&lt;/a&gt;
    &lt;a href="&lt;?php echo URL('login') ?&gt;" class="btn btn-primary btn-default"&gt;&lt;span class="glyphicon glyphicon-log-in"&gt;&lt;/span&gt; &lt;?php echo T('Login') ?&gt;&lt;/a&gt;
    &lt;?php else: ?&gt;
    &lt;li class="dropdown"&gt;
      &lt;a class="dropdown-toggle text-notransform" data-toggle="dropdown" href="#"&gt;
        &lt;img src="&lt;?php echo URL(session_get('preferences', 'avatar')) ?&gt;" width="24px"&gt;&amp;nbsp;&amp;nbsp;
        &lt;?php echo session_get('thisUser', 'username') ?&gt; &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;
        &lt;li&gt;
          &lt;div class="navbar-login"&gt;
            &lt;div class="row"&gt;
              &lt;div class="col-lg-4"&gt;
                &lt;p class="text-center"&gt;
                  &lt;img src="&lt;?php echo URL(session_get('preferences', 'avatar')) ?&gt;" width="200px"&gt;
                &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-lg-8"&gt;
                &lt;p class="text-left"&gt;&lt;strong&gt;&lt;?php echo session_get('thisUser', 'username') ?&gt;&lt;/strong&gt;
                &lt;/p&gt;
                &lt;p class="text-left small"&gt;
                  &lt;?php echo session_get( 'thisUser', 'email') ?&gt;
                &lt;/p&gt;
                &lt;br /&gt;
                &lt;p class="text-left"&gt;
                  &lt;a href="&lt;?php echo URL(T('setting-slug', 'settings')) ?&gt;" class="btn btn-primary btn-block btn-sm"&gt;
                    &lt;?php echo T( 'Settings') ?&gt;
                  &lt;/a&gt;
                  &lt;?php echo event( 'user_menu', '') ?&gt;
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li class="divider"&gt;&lt;/li&gt;
        &lt;li&gt;
          &lt;div class="navbar-login navbar-login-session"&gt;
            &lt;div class="row"&gt;
              &lt;div class="col-lg-12"&gt;
                &lt;p&gt;
                  &lt;a href="&lt;?php echo URL('logout') ?&gt;" class="btn btn-danger btn-block"&gt;
                    &lt;?php echo T( 'Logout') ?&gt;
                  &lt;/a&gt;
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  &lt;?php endif; ?&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My second problem is with the bootstrap search I want the button search to be next to the search text not bellow it. The code is PHP function:</p>
  
  <pre><code>function search_box($a){
      $return .= Form::open(array('method'=&gt;'GET', 'action'=&gt;URL(T('directory'))));
      $return .= Form::input('q', R('q'), array('class'=&gt;'form-control input-md', 'style'=&gt;'margin-bottom:5px','placeholder'=&gt;T('Type smth to search')));
      $return .= '&lt;button type="submit" class="btn btn-block btn-md btn-primary"&gt;&lt;i class="icon-find"&gt;&lt;/i&gt; '.T('Search').'&lt;/button&gt;';
      $return .= Form::close();
      $return .= '&lt;div class="clearfix"&gt;&lt;br /&gt;&lt;/div&gt;';
      return $return;
  }
  </code></pre>
  
  <p>(For image of the search is the same as the above link)
   Can someone tell me how to fix this. Thanks in advance.</p>