title: DropDown Login form for bootstrap 3.0
body: <p>I'm not sure if this works for 3.0, but this is the one im following:<a href="http://mifsud.me/adding-dropdown-login-form-bootstraps-navbar/" rel="nofollow">http://mifsud.me/adding-dropdown-login-form-bootstraps-navbar/</a></p>
  
  <p>I'm using ruby on rails 4.0  and this snippet of code is my from my views/layouts/_header file</p>
  
  <pre><code>&lt;header class = "navbar  navbar-fixed-top navbar-inverse "&gt;
    &lt;div class = "navbar-inner"&gt;
    &lt;div class = "container"&gt;
  &lt;%= link_to "InYourShoes" , '#', id: "logo" %&gt;
  &lt;nav&gt;
   &lt;ul class = "nav navbar-nav navbar-right"&gt;
     &lt;li&gt;&lt;%= link_to "Home", '#'%&gt;&lt;/li&gt;
     &lt;li&gt;&lt;%= link_to "Help", '#'%&gt;&lt;/li&gt;
     &lt;li&gt;&lt;%= link_to "Sign up", '#'%&gt;&lt;/li&gt;
     &lt;li class = "dropdown"&gt;
      &lt;a class = "dropdown-toggle" href = "#" data-toggle = "dropdown"&gt; Sign In&lt;strong class "caret"&gt;&lt;/strong&gt;&lt;/a&gt;
      &lt;div class="dropdown-menu" style = "padding: 15px; padding-bottom: 0px;"&gt;
       &lt;form action="[YOUR ACTION]" method="post" accept-charset="UTF-8"&gt;
          &lt;input id="user_username" style="margin-bottom: 15px;" type="text" name="user[username]" size="30" /&gt;
          &lt;input id="user_password" style="margin-bottom: 15px;" type="password" name="user[password]" size="30" /&gt;
          &lt;input id="user_remember_me" style="float: left; margin-right: 10px;" type="checkbox" name="user[remember_me]" value="1" /&gt;
          &lt;label class="string optional" for="user_remember_me"&gt; Remember me&lt;/label&gt;
          &lt;input class="btn btn-primary" style="clear: left; width: 100%; height: 32px; font-size: 13px;" type="submit" name="commit" value="Sign In" /&gt;
         &lt;/form&gt;
        &lt;/div&gt;
        &lt;/li&gt;
       &lt;/ul&gt;
       &lt;/nav&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/header&gt;
  </code></pre>
  
  <p>after browsing around for solutions i found a old post relating to this but i have no idea where to these 2 lines of code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>  &lt;script&gt;
   $(document).ready(function()
   {
     //Handles menu drop down`enter code here`
     $('.dropdown-menu').find('form').click(function (e) {
      e.stopPropagation();
      });
    });
    &lt;/script&gt;
  </code></pre>
  
  <p>This is my first website, and i appreciate the help. I know rails has coffescript but i never got around a tutorial that used it yet. Thanks!</p>