title: Display dynamic contents with using bootstrap pagination?
body: <p>How can I display the dynamic content of PHP with bootstrap pagination.The result is displaying using ajax call in div id 'msrResult', how to relate with bootstrap pagination code.
   Here my code:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
  &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="//raw.github.com/botmonster/jquery-bootpag/master /lib/jquery.bootpag.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"&gt;
  &lt;/head&gt;
  
  &lt;div id="content2"&gt;Dynamic Content goes here&lt;/div&gt;
  &lt;div id="page-selection"&gt;Pagination goes here&lt;/div&gt;
  &lt;script&gt;
     $('#page-selection').bootpag({
      total: 23,
      page: 1,
      maxVisible: 10
      }).on('page', function(event, num){
      $("#content2").html("Page " + num); // or some ajax content loading...
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  &lt;div id=msrResult&gt;&lt;/div&gt;
  </code></pre>