Html 使用CSS为笔记本电脑和移动设备提供不同的导航标题

是否可以使用CSS/Boostrap将我的导航菜单标题“Lorem Ipsum Dolor Sit Amet”（笔记本电脑屏幕）更改为“LIDSA”（移动屏幕）？我怎么做？谢谢大家!

下面是一个例子：

---

是的，您可以使用带有

内容的伪类和
attr（）
函数：

使用全屏检查，并尝试减小窗口的宽度


[数据已满]：：之前{
内容：attr（数据完整）；
}
@仅介质屏幕和（最大宽度：520像素）{
[数据短]：：之前{
内容：attr（数据短）；
}
}
它能工作！非常感谢你！