Discussion :

[AMarsEli]

Bonjour,
J'ai réalisé un carousel bootstrap basique en le personnalisant un peu (pas de défilement mais action seulement par les flêches) en ajoutant un carousel-caption.
Mais j'aimerais que les caption (les numéros des images) "sortent" du d-block ou du carousel-inner : sur la capture d'écran jointe on voit que le "5" est rogné.
Je voudrais pouvoir placer ce "5" où je veux.

Merci de m'aider !

Voici le code html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="container">
  <div id="carouselExampleControls" class="carousel  " data-ride="carousel" data-interval="false">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100" src="img/planche7_550.png" alt="youpi">
        <div class="carousel-caption d-none d-md-block">
          <h5 style=color:black>5</h5>
        </div>
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="img/planche3.png" alt="oulooo">
        <h6>ooooooo</h6>
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="img/planche1.png" alt="Third slide">
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>