Html 调整窗口大小时，引导列内的链接变得不可链接

我的HTML页面中有以下代码。当浏览器窗口最大化时，链接可以正常工作。但是，当我在移动浏览器上测试相同内容时，链接变得不可读取

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-5">
    <label>Legal</label><br>
    <a href="./termsofuse.html">Terms of Use</a><br>
    <a href="./privacypolicy.html">Privacy Policy</a><br>
    <a href="#FAQ">FAQs</a><br>
</div>

---

如果我从DIV中删除bootstrap列类，那么即使在xs屏幕上，链接也可以再次单击。所以我确信这是BS的问题。有什么解决办法吗？

您的免责声明CSS与同一行中的其他两列混合在一起，并与链接重叠。 查看您的免责声明在此处所占的空间：

您需要将免责声明添加到单独的行中。大致是这样的：现在，我不知道您希望免责声明位的行为如何，所以我只是将此代码作为示例工作选项提供给您-

见：

---

@人道协调厅指出了这个问题。免责声明div与其他div重叠，因为您将列xs=*、列sm-*、列md-*提供给了其他div，但忘记了将相同的内容提供给此免责声明div。因此它与锚定标记重叠

部分代码

---

你的HTML格式不好。break的语法是，并且您没有正确关闭免责声明中的p标记

很好。用小提琴复制这个问题。@JSantosh:我用小提琴复制了这个问题，你太快了：+1@JSantosh哈哈哈！谢谢。。。凭直觉，我试图看看这是否是问题所在。它是重叠的。。。我只是不知道OP想要如何布局这三个分区……OP忘记在免责声明分区中添加中、小和额外的小分区，但OP将它们添加到了前两个分区。@johnlock我很高兴能提供帮助。根据您希望免责声明div的行为，您可能会发现@JSantosh的答案更适合您。太好了！，然后听起来你应该选择@JSantosh的答案，并在你觉得有用的时候投票给我

<div class="myfooter" id="footer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-5">
                <label>Legal</label>
                <!-- contents of first col -->
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-7">
                <label>More</label>
                <!-- contents of second col -->
            </div>
        </div>
        <!-- separate row for disclaimer -->
        <div class="row">
            <div class="col-md-8" id="disclaimer">
                <label>Disclaimer</label>
                <br>
                <p>Placeholder text</br>
                    <p>
            </div>
        </div>
    </div>
</div>