无法在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>