bootstrap carousel slider with text

Home / Uncategorized / bootstrap carousel slider with text

Question:
I had not much knowledge in html and css,i am using a bootstrap carousel slider with text here i want to change the colour of the box random wise

here is the code that i am using.

Sed vel lectus
by Merovingi

Sed vel lectus. Donec odio urna,


Proin porta auctor nisi
by Merovingio in Jun 22, 2017 at
00:34

Proin porta auctor nisi in interdum.


Aenean sodales
by Merovingio in Jun 22, 2017 at
00:33

Aenean sodales, leo eu euismod tincidunt, felis odio aliquam velit,




http://jsfiddle.net/ssoorajs/gbvscs64/

is it possible to write it in css or any script is needed.


Answer:
You need to add this CSS

.item:nth-child(1){ background:green; overflow:hidden;} .item:nth-child(2){ background:blue; overflow:hidden;} .item:nth-child(3){ background:yellow; overflow:hidden;}

.carousel {
padding-bottom: 25px
}

.carousel img {
padding-top: 20px;
}

.carousel h2 {
color: #0072b5;
}

.carousel h2 small {
color: #289bde
}

.carousel col-lg-4 p {
text-align: center;
}
.item:nth-child(1){ background:green; overflow:hidden;}
.item:nth-child(2){ background:blue; overflow:hidden;}
.item:nth-child(3){ background:yellow; overflow:hidden;}

Run code snippetHide results
Expand snippet
Read more

Leave a Reply

Your email address will not be published. Required fields are marked *