我正在尝试使用Bootstrap组装页脚。 由于某些原因,尽管确保了text-align: center; ,页脚链接也显得text-align: center; 被申请;被应用。 有没有办法确保所有文本元素确实正确对齐?

的HTML

<!DOCTYPE html>
<html>
  <body>
    <div class="container-fluid">
      <section class="row-fluid">
        <div class="span12">
          <h1 class="landing">
            Lorem Ipsum
          </h1>
          <h4 class="landing">
            Lorem Ipsum Lorem Ipsum Lorem Ipsum
          </h4>
        </div>
      </section>
    </div>
    <footer class="footer">
      <section class="row-fluid">
        <ul class="footer-links">
          <li>
            <a href="#">Contact</a>
          </li>
          <li>
            <a href="#">About</a>
          </li>
        </ul>
      </section>
    </footer>
  </body>
</html>

的CSS

h1.landing {
  text-align: center;
  font-size: 400%;
}

h4.landing {
  text-align: center;
}

.footer-links {
  list-style-type: none;
  text-align: center;
}

.footer-links li {
  display: inline;
  padding-right: 10px;
}

===============>>#1 票数:0 已采纳

您的UL似乎有一些左填充。 尝试将其删除。

.footer-links {
  list-style-type: none;
  text-align: center;
  padding:0px;
}

http://jsfiddle.net/S8mGk/1/

  ask by Evan Emolo translate from so

未解决问题?本站智能推荐: