无法单击 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>

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

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

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

我认为原因是行。我怎样才能让它们可以点击？

Answer 1

在代码下添加这个。或者使用bootstrap分页class.

可能会更好

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

无法单击 Bootstrap 行中的 btn-group

can't click btn-group in Bootstrap row

css

twitter-bootstrap-3