Css 引导网格中的链接在小屏幕模式下停止工作

要使引导网格中的链接在所有媒体断点中工作，需要什么

在我的例子中，链接只有在网格未堆叠时才起作用

这是网格的外观：

<div class="row">

    <div class="col-md-6">
        <a href="#" class="room" style="height: 155.60px; width: calc(25.0% - 4px);"> <span>Item 1</span>
    </div>

    <div class="col-md-6">
        <div class="row">
            <div class="col-sm-12">
                <p>This is another row</p>
            </div>
        </div>
    </div>

</div>

编辑感谢您的快速回答。我选择了溢出：隐藏结尾，以避免滚动条，同时仍在修复问题。
问题在于链接处于浮动状态，导致父容器的高度为0

在容器上设置
overflow:auto
将解决此问题


这被称为“clearfixing”。如果您有兴趣了解更多信息，这里有两篇好文章：


问题在于链接是浮动的，导致父容器的高度为0

在容器上设置
overflow:auto
将解决此问题


这被称为“clearfixing”。如果您有兴趣了解更多信息，这里有两篇好文章：


我也有同样的问题。在我的例子中，一个更好的解决方案是将“clearfix”类添加到包含的div中。Bootstrap内置了这个类，因此您不必对CSS进行任何操作。
我也遇到了同样的问题。在我的例子中，一个更好的解决方案是将“clearfix”类添加到包含的div中。Bootstrap内置了这个类，因此您不必对CSS进行任何操作。
添加
溢出：auto
将产生一个水平滚动条。最好使用
clearfix
类来解决问题。
添加
overflow:auto
将产生一个水平滚动条。最好使用解决问题的
clearfix
类。
有关参考，请参阅。有关参考，请参阅。
.storey {
    overflow: auto;
}