bootstrap 4 class“text-center”:文本不会在第1行居中,但在第2行它的工作

时间:2017-10-19 13:01:28

标签: class bootstrap-4

我的页脚中的文本分类有一个奇怪的问题。 我在div中放了两行,并给了div这个类“text-center”。奇怪的是,它不会将文本置于第一行的中心,但在第二行中它可以正常工作。我是傻瓜吗?我没有在这里看到这个问题,所以如果有人看了我的代码并告诉我哪里错了,我应该感恩。 我正在学习如何编码,所以请温柔地对待我。

    

    <div class="row">
        <a><small> Impressum: © by Peter & Eva Fenz - Webdesign by Eva Fenz - Fenz Werbung, A-9762 Weissensee - Tel.: ... - <a href="mailto:...">Email: xxx@xxx.at</a></small></a> 
    </div>

    <div class="row"><a><small>Disclaimer: Diese Webpräsenz beinhaltet keine offiziellen Darstellungen der Gemeinde Weissensee.Alle hier veröffentlichten Inhalte sind ausschließlich privater Natur und sind von den jeweiligen Betrieben und Privatpersonen selbst zu verantworten. Nachrichten an die Gemeinde Weissensee werden selbstverständlich weitergeleitet.</small></a></div>

</div> 

我尝试了不同的类,如“text-center”“text-justify”和“text-lg-center”,这是当前的类。

1 个答案:

答案 0 :(得分:2)

你有一些不正确的结束标签。此外,您不应该嵌套a标记

col divs

中还缺少row个类

检查一下。

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>
  <div class="row text-center">
    <div class="col">
        <small> Impressum: © by Peter &amp; Eva Fenz - Webdesign by Eva Fenz - Fenz Werbung, A-9762 Weissensee - Tel.: ... - <a href="mailto:...">Email: xxx@xxx.at</a></small>
	</div>
  </div>

    <div class="row text-center">
      <div>
        <a><small>Disclaimer: Diese Webpräsenz beinhaltet keine offiziellen Darstellungen der Gemeinde Weissensee.Alle hier veröffentlichten Inhalte sind ausschließlich privater Natur und sind von den jeweiligen Betrieben und Privatpersonen selbst zu verantworten. Nachrichten an die Gemeinde Weissensee werden selbstverständlich weitergeleitet.</small></a>
      </div>
</div>
&#13;
&#13;
&#13;