CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
puncrazy
puncrazy

Reputation: 349

Bootstrap fixed footer with text box

I am trying complex responsive webpage.

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?

Fiddle - http://jsfiddle.net/karimkhan/6eccwwsc/3/

<footer class="footer" >
  <div class="container">
    <p class="text-muted">@Copyright</p>        
        <div class="form-group">
          <input placeholder="Email" class="form-control" type="text">
        </div>
        <button type="submit" class="btn btn-success">Subscribe</button>

  </div>
</footer>

Upvotes: 0

Views: 3595

Answers (3)

Santosh
Santosh

Reputation: 141

For fixed footer, you can use

footer{
  position:fixed;
  bottom:0;
  left:0;
}

And for form inline, check out this, its somehow similar to your problem. Bootstrap inline form is not responsive on low width?

Upvotes: 1

dm4web
dm4web

Reputation: 4652

http://jsfiddle.net/6eccwwsc/4/

footer{
   position:fixed;
   left:0px;
   bottom:0px;
}

Upvotes: 1

Dmitry Bezik
Dmitry Bezik

Reputation: 389

Fixed to bottom

Add .navbar-fixed-bottom and include a .container or .container-fluid to center and pad navbar content.

from documentation http://getbootstrap.com/components/

Upvotes: 1

Related Questions