twitter跟随按钮和Facebook像按钮不工作调整大小窗口

Question

我正在使用bootstrap 3 css框架。

我添加了facebook像buttona和twitter按钮。当我不调整窗口大小时，它可以工作。当我调整窗口大小时，会出现twitter和facebook按钮但我无法点击它（当我将鼠标悬停在这些按钮上时没有超链接鼠标标记）

当我调整窗口大小时，当点到达按钮移动到下一行时，按钮不再可点击 我该如何解决这个问题？

<div class="row" style="padding-top:4px;padding-left:4px;padding-right:4px; background:#09C;">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="input-group input-group-sm" style="padding-bottom:4px;">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default btn-sm" type="button">Go</button>
                        </span>
                    </div>
                </div>
                <div class="col-md-5">
                <div class="pull-right" style="margin-top:10px;">
<!-- my social buttons are here-->
<!-- facebook and twitter are embedded inside iframe
</div></div></div>
        </div>
    </div>

jsfiddle http://jsfiddle.net/VZk5G/

Answer 1

带有 .col-md-3 类的div将使用这些按钮（ .col-md-5 ）悬停div。使用z-index来修复：

.col-md-3
{
    z-index: 2;
}
.col-md-5
{
    z-index: 3;
}

工作jsFiddle Demo