按钮不适用于 .pull-left (Bootstrap)

Question

当我输入 .pull-left 时，我的按钮不起作用。我尝试在文档上使用 W3C 验证器，但没有检测到问题。

Answer 1

您正在处理 HTML 结构问题，而不是 Bootstrap 问题。您的 HTML 元素之一似乎覆盖了按钮。它看起来好像是您的 "time" 跨度。我建议尝试用 div class 中的按钮和另一个 div class 中的分钟来重组你的 HTML。您那里有很多 span 元素，可能会被删除以简化您的标记。

Answer 2

因为您已将 .secondline 显示为块并对其进行定位，所以它是 "covering up" 按钮。

您可以保持块级，但不要沿轴定位，请尝试使用行高定位。

.secondline {
  width: 100%;
  z-index: 1;
  display: block;
  line-height: 24px;
}

不过，我认为为此使用网格系统是更好的最终结果。以下是您可以使用第一个结果中的内容执行的操作的示例。（当然，您需要添加您的代码和内容）

<div class="row">
  <div class="col-xs-12">
    V ➜ GARE CORNAVIN  (21:44)  
  </div>
</div>
<div class="row">
  <div class="col-xs-6">
    Button  
  </div>
  <div class="col-xs-6 text-right">
    19 minutes
  </div>
</div>

Answer 3

另一种解决方案是增加被覆盖元素的 z-index，您的代码不再链接但尝试使用 .pull-left[=10= 将 style="z-index:2147483647" 添加到元素的父级]

按钮不适用于 .pull-left (Bootstrap)

Button doesn't work with .pull-left (Bootstrap)

html

css

button

twitter-bootstrap-3