title: Semantic UI footer at the end
body: <p>I'm using Semantic-UI in my project. I created an index page, everything works ok with the elements (navbar, footer, etc).</p>
  
  <p>Now Im dev a signup page but footer does not goes to the end of the page, what can I do ?</p>
  
  <p><strong>Footer code:</strong></p>
  
  <pre><code>&lt;div class="ui inverted vertical footer segment"&gt;
      &lt;div class="ui container"&gt;
          Travel Match 2015. All Rights Reserved
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>NOTE:</strong> I do not have any css rules(yet) in the footer, only the ones added by semantic-ui</p>
  
  <p><strong>UPDATE:</strong>
  navbar code:</p>
  
  <pre><code>&lt;div class="ui inverted segment"&gt;
      &lt;div class="ui container"&gt;
          &lt;div class="ui inverted secondary menu"&gt;
              &lt;div class="item"&gt;
                  &lt;i class="plane icon app-icon"&gt;&lt;/i&gt;
              &lt;/div&gt;
                  &lt;div class="right item"&gt;
                    &lt;a href="/signup"&gt;Signup&lt;/a&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>form code: </p>
  
  <pre><code>    &lt;form class="ui large form container"&gt;
          &lt;div class="ui stacked segment"&gt;
              &lt;div class="field"&gt;
                  &lt;div class="ui left icon input"&gt;
                      &lt;i class="user icon"&gt;&lt;/i&gt;
                      &lt;input type="text" name="email" placeholder="E-mail address"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="field"&gt;
                  &lt;div class="ui left icon input"&gt;
                      &lt;i class="lock icon"&gt;&lt;/i&gt;
                      &lt;input type="password" name="password" placeholder="Password"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui fluid large teal submit button"&gt;Login&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="ui error message"&gt;&lt;/div&gt;
      &lt;/form&gt;
      &lt;div class="striped"&gt;&lt;/div&gt;
  </code></pre>