Gallery-Script in Bootstrap einbinden

<!-- Bootstrap-CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet" /> 


<!-- Bootstrap-Theme --> 
<link href="css/bootstrap-theme.min.css" rel="stylesheet" /> 


<!-- Besondere Stile f&uuml;r diese Vorlage --> 
<link href="theme.css" rel="stylesheet" /> 


<!-- Gallery-Script --> 
<link rel="stylesheet" href="css/flexslider.css" type="text/css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script src="js/jquery.flexslider.js"></script> 


<script type="text/javascript" charset="utf-8"> 
// Can also be used with $(document).ready() 
$(window).load(function() { 
$('.flexslider').flexslider({ 
animation: "slide", 
controlNav: "thumbnails" 
}); 
}); 
</script>

start --- 
<div class="flexslider"> 
<ul class="slides"> 
<li data-thumb="images/gallery/pic1.jpg"> 
<img src="images/gallery/pic1.jpg" /> 
</li> 
<li data-thumb="images/gallery/pic2.jpg"> 
<img src="images/gallery/pic2.jpg" /> 
</li> 
<li data-thumb="images/gallery/pic3.jpg"> 
<img src="images/gallery/pic3.jpg" /> 
</li> 
<li data-thumb="images/gallery/pic4.jpg"> 
<img src="images/gallery/pic4.jpg" /> 
</li> 
</ul> 
</div> 
end ---