Как изменить шрифт текста внутри тела <p>класса bootstrap text-center?

Question

Я хочу, чтобы текст внутри заголовка p был центрирован, поэтому я использую класс text-center bootstrap, но как бы вы изменили шрифт? Кроме того, как вы можете редактировать уже созданные bootstrap классы в своем собственном css файле?

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <p class="text-center">
                    Welcome to the website!
                </p>
            </div>
        </div>
    </div>

Вот код HTML

Answer 1

создайте другой файл css и поместите его после ссылки bootstrap

<link rel="stylesheet" type="text/css" href="bootstrap .css">
<link rel="stylesheet" type="text/css" href="new.css">

, затем перезапишите нужные значения

.text-center{
font-family: "Lato";
}