title: Bootstrap fixed footer with text box
body: <p>I am trying complex responsive webpage.</p>
  
  <p>Here I used bootstrap footer class with simple feedback input inside. I am following bootstrap example documentation. Why footer does not stick to bottom and text box seems misaligned?</p>
  
  <p>Fiddle - <a href="http://jsfiddle.net/karimkhan/6eccwwsc/3/" rel="nofollow">http://jsfiddle.net/karimkhan/6eccwwsc/3/</a></p>
  
  <pre><code>&lt;footer class="footer" &gt;
    &lt;div class="container"&gt;
      &lt;p class="text-muted"&gt;@Copyright&lt;/p&gt;        
          &lt;div class="form-group"&gt;
            &lt;input placeholder="Email" class="form-control" type="text"&gt;
          &lt;/div&gt;
          &lt;button type="submit" class="btn btn-success"&gt;Subscribe&lt;/button&gt;
  
    &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>