jquery - nicescroll not working for page -

nice scroll 3.2.0, without script call ever , css shown below, works should bootstrap 2.3.4, won't work on bootstrap 3.3.4, or without script call. other jquery files being used are:

<script type="text/javascript" src="assets/js/jquery.v1.9.1.min.js"></script> <script type="text/javascript" src="assets/js/bootstrap.3.3.4.js"></script> <script type="text/javascript" src="assets/js/bootstrap.submenu.js"></script> <script type="text/javascript" src="assets/js/html5shiv.js"></script> <script type="text/javascript" src="assets/js/jquery.respond.js"></script> 

the css used is:

.nicescroll-rails {     width: 5px !important; } .nicescroll-rails div {     width: 5px !important;     background: rgba(0,0,0,0.5) !important;     border: none !important;     border-radius: 0 !important; } 

i can't version 3.2.0 or 3.6.0 work or without script call:

<script> $("html").mouseover(function() {     $("html").getnicescroll().resize(); }); </script> 

any ideas on how work? also, know how disable on desktop widths? in advance.

the jsfiddle is: http://jsfiddle.net/hozey/dmlo6jtp/

in case, jquery.tmpl.min.js file needed added. hope helps else.