Bootstrap Carousel HTML Edit

Introduction

This tip shows how to easily edit the HTML contents of bootstrap carousel.

Background

During development, we face a problem of editing the contents of carousel, but the issue is that it keeps changing and we have to wait for the same image / content to view the changes.

Using the Code

A very easy solution to this is to open the developer tools F12, select the console and write the following line:

$('#myCarousel').carousel('pause');

You can view the effect at this link.