查看“BootStrap Pagination”的源代码

 __NOTOC__
    <div class="col-md-6">
        <ul class="pagination default">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<div class="col-md-6">
        <ul class="pagination lighter">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<div class="col-md-6">
        <ul class="pagination light">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<div class="col-md-6">
        <ul class="pagination dark">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<div class="col-md-6">
        <ul class="pagination darker">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<div class="col-md-6">
        <ul class="pagination neutral">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
<h4 style="margin-top:2rem;" class="subtitle-black">Using Pagination</h4>
      <p>Using our examples the only classes to take note of are "pagination" which is the default css class for pagination i.e. border, padding and border-radius etc and "darker" which sets the colour of pagination. The are six colour classes available, default, lighter, light, dark, darker and neutral.</p>
<p>To change the colour simply replace "darker" with "neutral" or your preference.</p>
      <pre>
      <div class="col-md-12">
        <ul class="pagination darker">
          <li>[[1]]</li>
          <li class="active">[[2]]</li>
          <li>[[3]]</li>
          <li>[[4]]</li>
          <li>[[5]]</li>
          <li>[[6]]</li>
          <li>[[7]]</li>
          <li>[[8]]</li>
        </ul>
      </div>
</pre>