Question

我正在使用Bootstrap 4，我希望在一堂课中将文本移到中间，并将文本颜色设置为白色。例如：

<p class="text-center white">Center aligned text.</p>

这似乎不起作用。我的网站是https://beggweb.000webhostapp.com，并且文本仍然太暗，无法在“轮播”下看到，我希望文本为白色。怎么做到呢？

Answer 1

Bootstrap 4中的类名称为白色：

p {
  background-color: coral;
}

div {
  background-color: teal;
}

.textWhite {
  color: white;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<p class="text-center text-white">Center aligned text.</p>

<div class="textWhite">If you're using Bootstrap 3, you can create your own text white class</div>

Answer 2

尝试一下：

CSS

.text-center  {background-color: coral; position: absolute; left: 150px; top: 150px;}

HTML

<p class="text-center text-white">Center aligned text.</p>

如果需要更改正面颜色，则可以使用color：yourcolor;

使用Bootstrap 4在一类中更改颜色和位置

2 个答案: