Dreamweaver Bootstrap Carousel caption location control

If you want to position each caption individually then you can add an id to each carousel-caption div like below

<div class="carousel-caption" id="caption_1">

<h3>Caption heading 1</h3>

<p>Caption text 1</p>

<div class="carousel-caption" id="caption_2">

<h3>Caption heading 2</h3>

<p>Caption text 2</p>

<div class="carousel-caption" id="caption_3">

<h3>Caption heading 3</h3>

<p>Caption text 3</p>

Then you can use some css to target each individual caption and position it where you need it:

#caption_1 {

position: absolute;

top: 100px;

left: 150px;

}

#caption_1 h3 {

text-align: left;

}

#caption_1 p {

text-align: left;

}

You can disable the Bootstrap css while you are positioning the captions by adding <!--         --> around the css link.

Then just include temporarily the css below in your default css stylesheet. Add the caption_1, caption_2, caption _3 css as explained above. The page will look  a bit of a mess whilst the Bootstrap css stylesheet is disabled but the images will be stacked and not moving so you'll be able to see better where to position your captions.

.item {

position: relative;

color: #fff;

}

OR

You can add the below temporarily to the foot of the page just inside the closing </body> tag which will prevent the slides from sliding for 10 seconds. 15000 is 15 seconds

<script>

    $('#myCarousel').carousel({

    interval: 10000

});

</script>

The choice is yours.