Question

我有一个自举设计的网站，我试图在每个页面的底部放一个页脚，我有以下代码：

<div class ="container">
  <div class="row">
     <div class = "col-md-12" >
         <footer style="text-align:center">Company. All Rights Reserved.</footer>
     </div>
   </div>
</div>

这不会对齐文本中心，我需要做些什么才能让文本位于视口的中心？

Answer 1

在某些版本中：在<div className="patient-input-card-container"> <div className="grouping-horizontal-line"></div> <div className="grouping-vertical-line"> <div className="vertical-text">{associationKey}</div> </div> </div>

中添加center类

或

在某些版本中：在<div class = "col-md-12 center" >

中添加center-block类

和

用于文本对齐中心：在<div class = "col-md-12 center-block" >

中添加text-center类

Alignment classes

Center content blocks

Answer 2

尝试将<div class="col-md-12" >替换为<div class="col-xs-12 col-md-12">。它对我有帮助。

PS：可能是<div class="col-xs-12 col-md-12" style="text-align: center;">

Answer 3

快速提示：你错过了中心尽头的<table width="100%" class="list-table" style="table-layout: fixed; border: none;" cellpadding="0" cellspacing="0"> <tr> <td width="15" valign="top" style="border-collapse: collapse;">•</td> <td width="485" valign="top" style="border-collapse: collapse;">Satisfy the PSD2 requirement for Strong Customer Authentication (SCA)</td> </tr> <tr> <td width="15" valign="top" style="border-collapse: collapse;">•</td> <td width="485" valign="top" style="border-collapse: collapse;">Help you comply with GDPR and minimize the risk of potential penalties</td> </tr> <tr> <td width="15" valign="top" style="border-collapse: collapse;">•</td> <td width="485" valign="top" style="border-collapse: collapse;">Reduce friction to improve your user experience</td> </tr> <tr> <td width="100%" height="21" colspan="2" style="border-collapse: collapse;"> </td> </tr> </table>，顶部的类在;之前不需要空格，与=相同太

更好的CSS方法：

col-md-12

这也可以在链接样式表中使用。此方法是使用内联css的更好替代方法，因为内联css加载速度要慢得多。

或者您可以在<style> footer { text-align:center; } </style>班级中添加中心引导程序类col-md-12

在引导程序中对齐文本中心＆＃39; col-md-12＆＃39;

3 个答案: