Question

我目前正在使用内联样式将页脚内的文本对齐到中心。我在bootstrap.css中进行哪些更改？什么是正确的方法？ bootstrap.css中的一个新类，然后在页脚中使用它，或者是否需要编辑一个引导类。这是我现在的html。

<div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p style="text-align:center">&copy; 2017 - core Inc. - Score </p>
        </br>
        <p style="text-align:center">contact:abc@core.com</p>
    </footer>
</div>

Answer 1

如果您不想使用内联css，则可以使用引导类。希望这是bootstrap 3，你可以找到更多here

你可以像这样使用它：

  <footer class="text-center">
      <div>
          <p>&copy; 2017 - core Inc. - Score </p>
      </div>        
      <div>
          <a href="mailto:abc@core.com">contact:abc@core.com</a>
      </div>
 </footer>

Answer 2

Bootstrap非常方便text alignment helper classes。

<p class="text-center">&copy; 2017 - core Inc. - Score </p>

另外，在段落之间删除br。如果您需要空格，请申请保证金。

将页脚文本对齐到中心 - Bootstrap

2 个答案: