Retrait des flèches dans le Bootstrap Carrousel

voici la page d'accueil de mon blog www.lowcoupling.com
J'aimerais ne pas afficher les flèches gauche et droite dans le bootstrap carrousel
J'ai essayé

.glyphicon-chevron-right{
     display:none;
}

(et la même chose pour la flèche vers la gauche)
mais il ne semble pas fonctionner.

OriginalL'auteur lowcoupling | 2013-09-29

  1. 19

    Cela permet de masquer les boutons

    .right.carousel-control, .left.carousel-control {
    display: none;
}

    Si vous voulez toujours être en mesure de cliquer à l'endroit où le bouton est tiré, n':

    .right.carousel-control, .left.carousel-control {
    opacity: 0;
    filter:alpha(opacity=0); /* IE support */
}
    il fonctionne, mais je n'imagine pas la façon dont je m'attendais. Je voulais encore le carrousel à cliquer sur le côté droit et gauche est-il un moyen de le faire avec la transparence des flèches?
    Certainement, voir post édité

    OriginalL'auteur azz

  2. 1

    J'ai pris un rapide coup d'œil, et vous y êtes presque, mais Bootstrap css est de prendre precidence sur votre css. Bootstrap a:

    .carousel-control .glyphicon-chevron-right{
    ...
    display:inline-block;
}

    Si vous deviez attribuer un point arbitraire de la valeur à ce, Bootstrap est de fournir des "2 points" afin de fournir le style 'inline-block'.

    Parce que votre css est chargé après Bootstrap, il suffit de mettre une classe supplémentaire (et de l'appariement des fichiers d'amorce de 2 points) avant ".glyphicon-chevron-right" devrait faire l'affaire.

    .carousel .glyphicon-chevron-right{display:none;}

    Ou, si vous voulez que votre remplacement à être "plus fort", de mettre un id à l'avant donne à votre substituer une valeur plus élevée (environ 256)

    #myCarousel .glyphicon-chevron-right{display:none;}

    OriginalL'auteur TheIronDeveloper

  3. 0

    Cela fonctionne,

    .right.carousel-control, 
.left.carousel-control 
{
     visibility:hidden;
}

    OriginalL'auteur Jaydutt Shukla

  4. 0

    il est simple de résoudre ce problème. Seulement supprimer les "une" des balises et avec dans les balises span

    avant

        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </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>

    après avoir résolu

    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
</div>

    que c'est

    OriginalL'auteur melih sahin