title: bootstrap template with meteor
body: <p>I am trying to use this bootstrap template <a href="https://almsaeedstudio.com/preview" rel="nofollow noreferrer">https://almsaeedstudio.com/preview</a> with meteor. I have managed to move the CSS, JS etc files to the public folder and broken the page down into templates as such:</p>
  
  <pre><code>  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Thooslo Backend&lt;/title&gt;
      &lt;meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'&gt;
  
      &lt;link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /&gt;
      &lt;!-- Theme style --&gt;
      &lt;link href="/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /&gt;
      &lt;!-- AdminLTE Skins. We have chosen the skin-blue for this starter
            page. However, you can choose any other skin. Make sure you
            apply the skin class to the body tag so the changes take effect.
      --&gt;
      &lt;link href="/dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
  
    &lt;body class="skin-blue sidebar-mini"&gt;
      &lt;div class="wrapper"&gt;
  
        &lt;!-- Main Header --&gt;
       {{&gt;header}}
       {{&gt;sidebar}}
       {{&gt;content}}
       {{&gt;footer}}
       {{&gt;rtSidebar}} &lt;!-- this one is supposed to be animated --&gt;
  
  
      &lt;/div&gt;&lt;!-- ./wrapper --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I dont know how to get the code from the app.js provided in the template (responsible for actually animating the layout).</p>
  
  <p>I tried adding this to the end after the body tag and adding all the JS code, but it did not work:</p>
  
  <pre><code>Template.index.rendered = function(){
  /* your custom js */
  }
  </code></pre>
  
  <p>How do I go about adding the jquesy effects such as making the height of the divs same as page height. </p>
  
  <p>I have found only one post describing this: <a href="https://stackoverflow.com/questions/15184504/add-bootstrap-template-to-meteorjs">Add Bootstrap template to MeteorJS</a></p>