Dev Faq
0
votes

Dans la liste Tag Aligner un disque au centre

image L'espace enlevez entre disque et texte. Dans ce cas, je vais utiliser une balise de classe, certains styles CSS. J'utilise du code visuel pour la modification de ce code. 

<section class="bg-light" id="team">
  <div class="container">
      <div class="row">
          <div class="col-lg-12 text-center">
              <h3 class="section-heading text-uppercase" style="color: black;font-size: 32px;font-weight: bold;">Our Amazing Team</h3>
              <h6 class="section-subheading text-muted" style="color:gray !important"><i>"Great things in business are never done by one person. They're done by a team of people" - Steve jobs</i></h6>
          </div>
      </div>
      <div class="row">
          <div class="col-lg-3">
              <div class="team-member">
                  <img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
                  <h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun  </b></a></h4>
                  <p class="text-muted">Founder & Lead DevOps</p>
                  <ul style="font-size: 12px;">  
                    <li>B.E. (Computer Engg.)</li>
                    <li>10 Years of Experience</li>
                  </ul>
               </div>
          </div>
      </div>
  </div>

9 commentaires

On dirait que vous avez un peu de rembourrage sur les éléments UL / LI. Pouvez-vous le reproduire dans jsfiddle.net

Veuillez fournir le code CSS aussi.

Plz fournit du code HTML et CSS avec démo ..

Le modèle Bootstrap par défaut fonctionne bien. Doit être quelque chose dans votre CSS. JSFIDDLE.net/AQ9LAAAW/303835

Lorsque j'exécute votre code avec Bootstrap-4, il fonctionne parfaitement: jsfiddle.net/2SYOM3WN

Presque un duplicata de ( Stackoverflow. com / questions / 4373046 / ... ), ( Stackoverflow.com/Questtions/4373046/... )

Aussi après que votre mise à jour fonctionne parfaitement: jsfiddle.net/2SYOM3WN/1

Dupliqué possible de CSS: espace de contrôle entre BULLET et

  • Merci !!! Pour le temps d'investissement pour moi, encore une fois merci !!

    • 5 Réponses :

    0
    votes

    Utilisez Texte-tiret

    P> 

    <section class="bg-light" id="team">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h3 class="section-heading text-uppercase" style="color: black;font-size: 32px;font-weight: bold;">Our Amazing Team</h3>
        <h6 class="section-subheading text-muted" style="color:gray !important"><i>"Great things in business are never done by one person. They're done by a team of people" - Steve jobs</i></h6>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-3">
        <div class="team-member">
          <img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
          <h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun  </b></a></h4>
          <p class="text-muted">Founder &amp; Lead DevOps</p>
          <ul style="font-size: 12px;">  
            <li>B.E. (Computer Engg.)</li>
            <li>10 Years of Experience</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

    1 commentaires

    @Pritesh j'ai mis à jour mon code avec votre code donné. Texte-tiret: -10px; fonctionne bien ici. Exécutez l'extrait de code.

    0
    votes

    Vous pouvez utiliser un index de texte négatif comme Text-tiret: -6px; sur la balise Li pour supprimer l'espace.

    0 commentaires
    -1
    votes

    pls Essayez ce code strong>

    p> 

    <html>
<head>
    <style>
        ul {
            list-style-position: inside;
            padding-left: 0;
        }
        li span{
            position: relative; left: -10px;
        }
    </style>

</head>    

<body>
    <div class="row">
        <div class="col-lg-3">
            <div class="team-member">
                <img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
                <h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun  </b></a></h4>
                <p class="text-muted">Founder & Lead DevOps</p>
                <ul style="font-size: 12px;">  
                    <li><span>B.E. (Computer Engg.)</span></li>
                    <li><span>10 Years of Experience</span></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

    0 commentaires
    0
    votes

    Ceci ressemble à un texte aligné au centre

    Essayez d'ajouter la classe Texte-gauche dans ul xxx

    0 commentaires
    0
    votes 

    <div class="row">
          <div class="col-lg-3">
              <div class="team-member">
                  <img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
                  <h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun  </b></a></h4>
                  <p class="text-muted">Founder & Lead DevOps</p>
                  <ul style="font-size: 12px;">  
                    <li><span>B.E. (Computer Engg.)</span></li>
                    <li><span>10 Years of Experience</span></li>
                  </ul>
               </div>
          </div>
      </div>

    1 commentaires

    Je vous en prie. Si ma réponse vous aide, s'il vous plaît uppouvert

    Articles qui pourrait vous intéresser :

    Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
    Select2 ne s'affiche pas correctement dans le mode bootstrap
    Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
    Comment puis-je définir un format pour les nombres d'entrée dans Blazor