如何使文本跨越一行?

时间:2019-03-30 17:47:08

标签: bootstrap-4

我正在尝试使文本在较小的屏幕上(从lg到小屏幕)不受欢迎,它可以工作,但是当我添加效果时文本会跨越两行。

当我添加d-lg-block时,它开始跨越两行。

我尝试了以下操作:

  • display: inline;

问题代码:

<span class="d-none d-lg-block">6*7*******</span>

完整代码: https://plnkr.co/edit/A1dc0qi7nIeaDaJqM9O1?p=preview

1 个答案:

答案 0 :(得分:1)

<span class="d-none d-lg-inline-block">

这就是您要寻找的! :)但是,CSS应该是

display: inline-block!important;

没有这个重要意义,我认为Bootstrap的CSS仍然会覆盖您的CSS。