So is there anyway to prevent twitter bootstrap carousel from auto sliding on the page load unless the next or previous button is clicked?
Thanks
Actually, the problem is now solved. I added the 'pause' argument to the method 'carousel' like below:
$(document).ready(function() { $('.carousel').carousel('pause'); });
Anyway, thanks so much @Yohn for your tips toward this solution.