Infinite Scroll creation in twitter bootstrap and Knockout.js

i want to create one infinite scroll in my web page like in facebook using twitter bootstrap and knockout.js.
please send me code

my code is:
<pre lang="HTML">

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Responsive Web Mobile&lt;/title&gt;

&lt;!-- Set the viewport width to device width for mobile --&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

&lt;!-- Included Bootstrap CSS Files --&gt;
&lt;link rel="stylesheet" href="./js/bootstrap/css/bootstrap.min.css" /&gt;
&lt;link rel="stylesheet" href="./js/bootstrap/css/bootstrap-responsive.min.css" /&gt;

&lt;!-- Css --&gt;
&lt;link rel="stylesheet" href="./css/style.css" /&gt;

&lt;/head&gt;
&lt;body id="start"&gt;

&lt;!-- This is the overlay DIV that is displayed while loading a new page --&gt;
&lt;div id="loader"&gt;&lt;/div&gt;

&lt;div class="container"&gt;
&lt;div class="row"&gt;
&lt;div class="span12"&gt;
&lt;div class="hero-unit"&gt;
&lt;h1&gt;Infinite Scroll&lt;/h1&gt;
&lt;p class=""&gt;here is a simple example of a infinite scroll!&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;!-- This is the main container (#scroll-container) --&gt;
&lt;div id="scroll-container" class="row"&gt;
&lt;div class="content"&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 1&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 2&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 3&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 4&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 5&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 6&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 7&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 8&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 9&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 10&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 11&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="span3"&gt;
&lt;div class="item"&gt;
&lt;div class="img"&gt;&lt;/div&gt;
&lt;div class="caption"&gt;
&lt;h4&gt;Lorem Ipsum 12&lt;/h4&gt;
&lt;p&gt;dolore sit amen&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;!-- These are all the links that can be loaded. --&gt;
&lt;div id="pages"&gt;
&lt;a href="~/Views/Contact/CreateEdit"&gt;&lt;/a&gt;
&lt;a href="~/Views/Contact/Index"&gt;&lt;/a&gt;
&lt;a href="~/Views/Contact/sarath"&gt;&lt;/a&gt;

&lt;/div&gt;


&lt;script src="./js/jquery-1.10.0.min.js"&gt;&lt;/script&gt;
&lt;script src="./js/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="./js/script.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>



.