css - 无法单击 Bootstrap 行中的 btn-group

Question

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-md-9">
    <div class="btn-group pull-left">
      <a class="btn btn-default" href="/servers">
First
</a>
      <a class="btn btn-default" href="/servers?page=4">
Prev
</a>
      <a class="btn btn-default" href="/servers">
1
</a>
      <a class="btn btn-default" href="/servers?page=2">
2
</a>
      <a class="btn btn-default" href="/servers?page=3">
3
</a>
      <a class="btn btn-default" href="/servers?page=4">
4
</a>
      <a class="btn btn-default disabled">
5
</a>
      <a class="btn btn-default" href="/servers?page=6">
6
</a>
      <a class="btn btn-default" href="/servers?page=7">
7
</a>
      <a class="btn btn-default" href="/servers?page=8">
8
</a>
      <a class="btn btn-default" href="/servers?page=9">
9
</a>
      <a class="btn btn-default disabled">
…
</a>
      <a class="btn btn-default" href="/servers?page=6">
Next
</a>
      <a class="btn btn-default" href="/servers?page=12">
Last
</a>
    </div>
  </div>
</div>

来源似乎如上。它们在行类和 col-md-9 中。

当它们是全尺寸时，它们是可点击的。

虽然它们是移动设备大小的，但我无法点击其中的一些。

我认为原因是行。如何使它们可点击？

Answer 1

在代码下添加这个。或者使用 bootstrap 分页类可能会更好。

<div class="clearfix"></div>