anchor.diff:      <!-- Bootstrap core CSS -->
       <link href="<c:url value="/resources/css/bootstrap.min.css"/>" rel="stylesheet">
       <link href="<c:url value="/resources/css/pinask.css"/>" rel="stylesheet">
  +    
  +    
  +    <link href="<c:url value="/resources/css/jquery.gridster.min.css"/>" rel="stylesheet">
  +
  +	<link href="<c:url value="/resources/css/pinask.gridster.css"/>" rel="stylesheet">
  +    <link href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>
  +    
   
       <!-- Just for debugging purposes.-->
       <!--[if lt IE 9]><script src="<c:url value="/resources/js/ie8-responsive-file-warning.js"/>"></script><![endif]-->
  
positive.code:         <p>
            <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
          </p>
        </div>
  
      </div> <!-- /container -->
  
  
negative.code:     <!-- Placed at the end of the document so the pages load faster -->
      <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
      <script src="<c:url value="/resources/js/bootstrap.min.js"/>"></script>
  	<script src="<c:url value="/resources/js/jquery.gridster.min.js"/>"></script>
  
  <script type="text/javascript">
    var gridster;
  
    $(function(){
  
      gridster = $(".gridster > ul").gridster({
          widget_margins: [10, 10],
          widget_base_dimensions: [140, 40],
          min_cols: 3,
          resize: {
              enabled: true
          }
      }).data('gridster');
  
  
      // var collection = [
      //     ['<li><div class="title">drag</div>Widget content</li>', 1, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 5, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 3, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 2, 1],
      //     ['<li><div class="title">drag</div>Widget content</li>', 4, 1],
      //     ['<li><div class="title">drag</div>Widget content</li>', 1, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 2, 1],
      //     ['<li><div class="title">drag</div>Widget content</li>', 3, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 1, 1],
      //     ['<li><div class="title">drag</div>Widget content</li>', 2, 2],
      //     ['<li><div class="title">drag</div>Widget content</li>', 1, 3],
      // ];
  
      // $.each(collection, function(i, widget){
      //     gridster.add_widget.apply(gridster, widget)
      // });
  
    });
  </script>
  
      
    </body>
  </html>
  