【问题标题】:Having trouble with footer in bootstrap在引导程序中遇到页脚问题
【发布时间】:2016-12-25 23:39:47
【问题描述】:

所以我制作了这个基本页面,但问题是无论我对页脚做什么,文本都不居中,而且它也不固定,当我改变浏览器的高度时,它会四处移动。

这是代码和预览: http://bootsnipp.com/user/snippets/2nnyr

【问题讨论】:

    标签: html css twitter-bootstrap footer


    【解决方案1】:

    要使文本居中,请在媒体查询中将 text-align 从左更改为居中:

    @media (min-width: 768px) {
        .bs-footer {
            text-align: center;
        }
    }
    

    【讨论】:

      【解决方案2】:

      您可能会发现在容器中放置一行和一个带有 offset-2 的 col 并删除 pull-right 会更容易。希望这有助于看到下面。

      <footer class="footer">
          <div class="container text-center">
              <hr>
              <div class="col-lg-12">
                  <div class="col-md-8">
                      <p class="footertext pull-right">© 2016 *******. All rights reserved</p>
                  </div>
              </div>
          </div>
      </footer>
      

      【讨论】:

        猜你喜欢
        • 2015-11-24
        • 2013-10-14
        • 2021-11-11
        • 2017-07-05
        • 2013-08-03
        • 2015-11-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多