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

Question

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

Here's the code.

Answer 1

因为您已将 .secondline 显示为 block 并对其进行定位，所以它“覆盖”了按钮。

您可以将其保持在 block 级，但不要沿轴定位，而是尝试使用行高定位。

.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>