title: Custom css with kaminari with bootstrap
body: <p>I try to use paginate with kaminari. My project used bootsrap css, and the result is so ugly:)
  <img src="https://i.stack.imgur.com/0XuON.png" alt="enter image description here"></p>
  
  <p>The html is generated by nokogiri</p>
  
  <pre><code>&lt;nav class="pagination"&gt;
      &lt;span class="first"&gt;
    &lt;a href="/admin/book_borrow/borrow?locale=en"&gt;« First&lt;/a&gt;
  &lt;/span&gt;
  
      &lt;span class="prev"&gt;
    &lt;a rel="prev" href="/admin/book_borrow/borrow?locale=en"&gt;‹ Prev&lt;/a&gt;
  &lt;/span&gt;
  
          &lt;span class="page"&gt;
    &lt;a rel="prev" href="/admin/book_borrow/borrow?locale=en"&gt;1&lt;/a&gt;
  &lt;/span&gt;
  
          &lt;span class="page current"&gt;
    2
  &lt;/span&gt;
  
          &lt;span class="page"&gt;
    &lt;a rel="next" href="/admin/book_borrow/borrow?locale=en&amp;amp;page=3"&gt;3&lt;/a&gt;
  &lt;/span&gt;
  
          &lt;span class="page"&gt;
    &lt;a href="/admin/book_borrow/borrow?locale=en&amp;amp;page=4"&gt;4&lt;/a&gt;
  &lt;/span&gt;
  
      &lt;span class="next"&gt;
    &lt;a rel="next" href="/admin/book_borrow/borrow?locale=en&amp;amp;page=3"&gt;Next ›&lt;/a&gt;
  &lt;/span&gt;
  
      &lt;span class="last"&gt;
    &lt;a href="/admin/book_borrow/borrow?locale=en&amp;amp;page=4"&gt;Last »&lt;/a&gt;
  &lt;/span&gt;
  
    &lt;/nav&gt;
  </code></pre>
  
  <p>I want something like pagination in bootstrap page, how I can do?
  Please help!</p>