Bootstrap carousel conflict flexslider

I used Bootstrap carousel. If I include flex-slider in the item, the flex slider is not working. If I remove bootstrap.js, the flex slider is working. But the carousel is not working.

HTML:

<div class="carousel-inner">
<div class="item active">img here</div>
<div class="item">img here</div>
<div>
<div class="flexslider">
  <ul class="slides">
    <li> img here</li>
    <li>img here</li>
</ul>
</div>
</div>
</div>



Script:
  $('.flexslider').flexslider({
    animation: "slide"
  });

Or Please suggest other slider. I want to display nested slider. Anyone help should be appreciated.