Чтобы разместить один текст поверх другого в Bootstrap 4, вы можете использовать классы "position-absolute" и "text-white". Класс "position-absolute" задает абсолютное позиционирование элемента, а класс "text-white" задает белый цвет для текста.
Вот пример кода:
<!DOCTYPE html>
<html>
<head>
<title>Пример текста поверх текста в Bootstrap 4</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<style>
.container {
position: relative;
width: 500px;
height: 300px;
padding: 0;
margin: 0;
}
.overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 30px;
}
</style>
</head>
<body>
<div class="container">
<img src="background.jpg" alt="Background Image" class="img-fluid">
<div class="overlay-text">
<h1 class="text-white">Текст поверх текста</h1>
<p class="text-white">Пример текста, который находится поверх другого текста с использованием Bootstrap 4.</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>
В приведенном выше примере создается контейнер с определенными размерами, абсолютно позиционируется и используется как фоновое изображение. На нем размещается другой контейнер с текстом, который находится в вертикальном и горизонтальном центре с использованием класса "position-absolute" и стиля "transform: translate(-50%, -50%);". Класс "text-white" применяется к заголовку и параграфу, чтобы изменить цвет текста на белый.
У вас также должны быть подключены CSS-классы и скрипты Bootstrap 4, чтобы использовать все возможности фреймворка.