bootstrap template with meteor -
i trying use bootstrap template https://almsaeedstudio.com/preview meteor. have managed move css, js etc files public folder , broken page down templates such:
<head> <meta charset="utf-8"> <title>thooslo backend</title> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <!-- theme style --> <link href="/dist/css/adminlte.min.css" rel="stylesheet" type="text/css" /> <!-- adminlte skins. have chosen skin-blue starter page. however, can choose other skin. make sure apply skin class body tag changes take effect. --> <link href="/dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" /> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view page via file:// --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body class="skin-blue sidebar-mini"> <div class="wrapper"> <!-- main header --> {{>header}} {{>sidebar}} {{>content}} {{>footer}} {{>rtsidebar}} <!-- 1 supposed animated --> </div><!-- ./wrapper --> </body>
i dont know how code app.js provided in template (responsible animating layout).
i tried adding end after body tag , adding js code, did not work:
template.index.rendered = function(){ /* custom js */ }
how go adding jquesy effects such making height of divs same page height.
i have found 1 post describing this: add bootstrap template meteorjs
- put client based js-files client/lib or client/js
use correct template rendering
if (meteor.isclient) { template.body.rendered = function(){ //jquery }; };
Comments
Post a Comment