Bootstrap Column，隐藏而不是隐藏

Question

我有2个div

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

＆＃34; ABC＆＃34;有内容不会调整大小（故意）

如果没有足够的空间来安装＆＃34; 123＆＃34;，Bootstrap将把它移到＆＃34; ABC＆＃34;。我想＆＃34; 123＆＃34;在这种情况下消失，永远不会去＆＃34;

有办法吗？

注意我已将它隐藏在md及以下。

Answer 1

hidden-md类实际上并未隐藏视频的元素 ＆＃34; medium＆＃34;视口宽度，当视口落入中等宽度时

，它隐藏元素。

当视口小于指定大小时，您应该能够使用Bootstrap .visible类到hide certain elements with this class。在这种情况下，第二个<div>仅在视口为＆＃34;大＆＃34;时显示，并在视口小于＆＃34;大＆＃34;时消失。 （即中等，小等）。

<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>

这里是CodePen example - 尝试拉伸并缩小浏览器的宽度，看看发生了什么。