How to run different version of bootstrap in an angular application?

Let's assume i have a previous loaded bootstrap versione , and that i have an angular directive that load some bunch of css (including another version of bootstrap) that i want to use only in a div, or in other tag at my choiche (mostly the ones in which i use the directive).

.directive('directivename' , ['$ocLazyLoad',function($ocLazyLoad){
    return {
        restrict : 'A',
        controller : function($ocLazyLoad,$scope,$q) {
            $ocLazyLoad.load('http://somepath/bootstrap/css/bootstrap.css',{cache: false}).then(function(response) {
$ocLazyLoad.load('http://somepath/bootstrap/js/bootstrap.min.js',{cache: false}).then(function(response) {  });
                });
            }
        }
    }])

and apply it like this, in the way that those css and js only works for that div :

<div class="row" directivename></div>

How can i handle this in angularJS?