Html 如何在引导中增加字体大小

我需要增加以下电话号码的字体大小

<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <p class="pull-left hidden-xs"><i class="fa fa-clock-o"></i><span>Mon - Sat 8.30AM - 5.00PM. Sunday CLOSED</span></p>
                <p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+77) 853 740 966</p>
            </div>
        </div>
    </div>
</div>

周一至周六上午8:30至下午5:00。周日休息

电话号码（+77）853 740 966

将其包装在span中并向其添加css：

。文本大{
字体大小：150%；
}

周一至周六上午8:30至下午5:00。周日休息

电话号码（+77）853 740 966

电话号码（+77）853 740 966

或

。大字体大小{
字体大小：30px！重要；
}  
电话号码（+77）853 740 966

更新：

在HTML5中应该被弃用，所以CSS是唯一的方法。无论当前字体大小如何，使用相对大小都是最佳的

.font-size-lg { font-size: 1.2rem; }

---

我还没有找到一种简单的引导方法，所以我使用

---

如果您正在使用类似的SCS生成CSS，则可以添加自己的全局类，略微增加字体大小（+25%）

<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <p class="pull-left hidden-xs"><i class="fa fa-clock-o"></i><span>Mon - Sat 8.30AM - 5.00PM. Sunday CLOSED</span></p>
                <p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+77) 853 740 966</p>
            </div>
        </div>
    </div>
</div>

在引导包中找到的_variables.scs中，已经定义了一个变量$font size lg。使用它在项目中以您自己的style.scss（或类似样式）定义类

.font-size-lg {
  font-size: $font-size-lg;
}

在HTML中使用它

<span class="font-size-lg">Text to enlarge</span>

要放大的文本

您始终可以绕过引导，在源代码行中编辑字体大小：

style="font-size:x-large;"

---

您应该看看引导文档：那么您尝试了什么CSS？看起来很基本。增加“电话号码大小”和字体大小是什么意思？我知道字体大小是多少，但“电话号码大小”是多少？是否只增加元素

中所有内容的字体大小？我还需要增加电话图标。在这种情况下，请将

文本大小
类添加到既包含图标又包含电话号码的
元素中。编辑了我的答案
.font-size-lg {
  font-size: $font-size-lg;
}

<span class="font-size-lg">Text to enlarge</span>

style="font-size:x-large;"