Css 引导列，使其隐藏而不是隐藏

我有两个div

 <div class="col-lg-10 hidden-md">ABC</div>
 <div class="col-lg-2  hidden-md">123</div>

ABC
123

“ABC”包含不会调整大小的内容（有意）

当没有足够的空间容纳“123”时，Bootstrap会将其移动到“ABC”下。在这种情况下，我希望“123”消失，而不是在“123”下消失

有办法吗

---

注意，我已将其隐藏在md及以下版本中。

编辑：此代码是特定于引导程序3的-有关引导程序4的信息，请参阅

hidden md

类实际上并不隐藏“中等”视口宽度或以下视口的元素，而是在视口仅处于中等宽度时隐藏元素

当视口小于指定大小时，您应该能够使用引导

.visible

类。在这种情况下，第二个

仅在视口为“大”时显示，而在视口小于“大”时消失（即中、小等）

基础知识
123

---

下面是一个-尝试拉伸和收缩浏览器的宽度，看看发生了什么。

在浏览器中如何进行同样的操作ReactStrap@tatsu这个答案与引导3有关。我想你可能会像在ReactStrap中一样在ReactStrap中使用它。不幸的是，不，我认为ReactStrap下可能无法使用此功能。谢谢你，我想。TILThis已更改为Bootstrap 4。仅lg可见：

.d-none.d-lg-block.d-xl-none

@Alec我已更新了我的答案，以反映这已过时-谢谢！

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-10">ABC</div>
        <div class="col-md-2 visible-lg">123</div>
    </div>
</div>