[Résolu] [Bootstrap] Carousel indicator numbers avec background

Bonjour,

A la place des bullets pour montrer le nombre de slides du caroussel, j'ai trouvé le moyen de mettre des chiffres. Mais il y a un truc bizarre :

Mon code html :

						<ol class="carousel-indicators carousel-indicators-numbers">
							<li data-target="#carousel1" data-slide-to="0" class="active">Intro</li>
							<li data-target="#carousel1" data-slide-to="1">1</li>
							<li data-target="#carousel1" data-slide-to="2">2</li>
							<li data-target="#carousel1" data-slide-to="3">3</li>
							<li data-target="#carousel1" data-slide-to="4">4</li>
							<li data-target="#carousel1" data-slide-to="5">5</li>
						</ol>	

La css :

.carousel-indicators-numbers li {
	padding-right: 10px;
	padding-left:10px;
	color: #8f8f8f;
	font-size: 18px;
	font-weight: 700;
	background : url(../images/arrow-plain-grey-right.png) 0 50% no-repeat;
}

Sur l'image 1, ce que j'ai, les flèches se mettent au niveau des anciennes bullets. Sur l'image 2, ce que je voudrais.



Merci !!
Marine

Vous exposer le sujet m'a permis de trouver la solution, on n'a pas besoin de numbers-li, il suffit de changer te text-indent des bullets et le remettre à 0