I am currently working with Bootstrap 4 and I have a specific requirement to align text in the middle and change its color to white using one class. Here is an example of what I tried:
<p class="text-center white">Center aligned text.</p>
However, this approach did not yield the desired results. You can view my website here. The text on my site appears too dark beneath the Carousel, where I intended it to be displayed in white. How could I achieve this?