Question

我正在尝试复杂的响应式网页。

这里我使用bootstrap页脚类，里面有简单的反馈输入。我正在关注bootstrap示例文档。为什么页脚不会粘到底部，文本框似乎不对齐？

小提琴 - 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>

Answer 1

固定到底部

添加.navbar-fixed-bottom并添加.container或.container-fluid以居中并填充导航栏内容。

来自文档http://getbootstrap.com/components/

Answer 2

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

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

Answer 3

对于固定页脚，您可以使用

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

对于表格内联，请查看此内容，它与您的问题类似。 Bootstrap inline form is not responsive on low width?

Bootstrap固定页脚与文本框

3 个答案: