Html 在同一条线上相邻放置两个跨距？

我需要在大屏幕上的描述文本旁边显示一个图标，但在小屏幕上，只显示图标

我正在尝试：

        <div class="col-lg-1">
            <span class="glyphicon @line.ArrowType"> </span> <span class="visible-lg"><small>@line.EntityEventType</small></span>
        </div>

@line.EntityEventType

但它将文本放在图标下的一行上。如果@行周围没有跨距，它可以工作，但我需要根据屏幕大小有条件地显示该文本

有没有办法使两个跨距保持在同一条线上，彼此相邻？

尝试更改：

<div class="col-lg-1">

尝试更改：

<div class="col-lg-1">

---

您应该使用

.visible-*-inline

作为

。visible lg

是您出现问题的原因。看

是的

您应该使用

.visible-*-inline

作为

。visible lg

是您出现问题的原因。看

是的

span应显示在同一行中。这是一个引导问题吗？跨度应显示在同一行中。这是一个引导问题吗？谢谢我用Bootstrap更新了您的示例，它看起来确实有效。一定是别的什么原因导致我的CSS出现这种情况。谢谢我用Bootstrap更新了您的示例，它看起来确实有效。一定是别的什么原因导致我的CSS出现这种情况。解决了的！谢谢从来都不知道内联的事情。没问题，很高兴我能帮上忙。为什么。可见lg的行为不像。可见lg内联。我看不出这有什么意义。默认情况下不应该是“保持直线”吗？@lilezek.visible lg从3.2.0开始就被弃用，但仍然包括在内，因为它与类visible lg block（display:block）相同。检查CSS和已解决的问题！谢谢从来都不知道内联的事情。没问题，很高兴我能帮上忙。为什么。可见lg的行为不像。可见lg内联。我看不出这有什么意义。默认情况下不应该是“保持直线”吗？@lilezek.visible lg从3.2.0开始就被弃用，但仍然包括在内，因为它与类visible lg block（display:block）相同。检查CSS和

.visible-custom {
    display: none;
}

@media (min-width: 1024px) {
    .visible-custom { 
        display: initial;
    }    
}