Question

我正在开发一个asp.net应用程序，我在html标记中有以下代码：

    <div class="col-md-4">
            <div class="col-md-6">
                <a href="#">1</a>
            </div>
            <div class="col-md-6">
                <a href="#">2</a>
            </div>
            <div class="col-md-12 text-center">
                <a href="#">3</a>
            </div>
</div>

链接3工作正常，但链接1和2已死，无法点击它们。

当我改变

<div class="col-md-12 text-center">
                    <a href="#">3</a>
                </div>

到

<div class="col-md-11 text-center">
                    <a href="#">3</a>
                </div>

或其他任何内容，页面上的所有链接都可以正常工作。

我试过小提琴，工作正常，但在我的开发环境中没有工作。浏览器（opera，即ff）没有显示任何错误，链接不起作用。就像它们只是纯文本一样。

有人可以帮忙解决这个问题吗？

Answer 1

由于这个（Bootstrap, buttons become un-clickable within screen width 768px - 991）问题

，我实际上已经解决了这个问题

解决方案是添加<div class="clearfix"></div>，以便我的代码变为

<div class="col-md-4">
            <div class="col-md-6">
                <a href="#">1</a>
            </div>
            <div class="col-md-6">
                <a href="#">2</a>
            </div>
<div class="clearfix"></div>
            <div class="col-md-12 text-center">
                <a href="#">3</a>
            </div>
</div>

引导链接不起作用

1 个答案: