如何使用bootstrap 4显示类来改变小屏幕上的字体？

要使用Bootstrap 4的显示类来改变小屏幕上的字体，可以使用以下步骤：

1. 首先，确保你已经引入了Bootstrap 4的CSS文件和相关的JavaScript文件。
2. 在HTML文件中，找到你想要改变字体的元素，可以是段落、标题、按钮等。
3. 使用Bootstrap 4的显示类来改变字体。Bootstrap 4提供了一系列的显示类，用于在不同屏幕大小下设置字体大小。常用的显示类有：
   • display-1：用于设置非常大的标题字体。
   • display-2：用于设置较大的标题字体。
   • display-3：用于设置中等大小的标题字体。
   • display-4：用于设置较小的标题字体。
   • lead：用于设置段落的大号字体。
   • 你可以根据需要选择适合的显示类来改变字体大小。例如，如果你想要在小屏幕上显示较小的标题字体，可以给标题元素添加class="display-4"。
   • 示例代码：
   • 示例代码：

• 保存并刷新你的网页，你将看到在小屏幕上字体大小已经改变了。

需要注意的是，Bootstrap 4的显示类是基于响应式设计的，所以字体大小的改变只会在特定的屏幕大小下生效。如果你想要在其他屏幕大小下改变字体大小，可以选择不同的显示类或者使用自定义CSS来实现。

推荐的腾讯云相关产品：腾讯云Web+、腾讯云CDN、腾讯云云服务器。

腾讯云Web+是一款全托管的Web服务，提供了简单易用的界面和丰富的功能，可以帮助开发者快速部署和管理网站。了解更多信息，请访问：腾讯云Web+

腾讯云CDN是一项内容分发网络服务，可以加速网站的访问速度，提高用户体验。了解更多信息，请访问：腾讯云CDN

腾讯云云服务器是一种灵活可扩展的云计算服务，提供了高性能的计算能力和稳定可靠的网络环境，适用于各种应用场景。了解更多信息，请访问：腾讯云云服务器