Как центрировать горизонтальные div-ы img и контент с помощью bootstrap 4 - PullRequest
Новая
       30

Как центрировать горизонтальные div-ы img и контент с помощью bootstrap 4

0 голосов
/ 19 января 2019

Я пытаюсь центрировать 2 деления горизонтально, но правый не центрируется с делением левого. 

<section id="langues" class="container-fluid bg-dark">
<article class="col-12 my-3"> <br>
  <h2 class="text-white">Langues</h2>
  <hr class="blanche">
  <div class="row">
    <div class="col-2"> <img src="./00_sources/icons/SVG/en.svg" alt="english" height="48px" width="48px" /> </div>
    <div class="col-10">
      <p class="text-white text-left ">Lu, &eacute;crit et parl&eacute; (professionnel)</p>
    </div>
    <div class="col-2"> <img src="./00_sources/icons/SVG/ar.svg" alt="arabic" height="48px" width="48px" /> </div>
    <div class="col-10">
      <p class="text-white text-left">Langue maternelle</p>
    </div>
    <div class="col-2"> <img src="./00_sources/icons/SVG/ber.svg" alt="berbere" height="48px" width="48px" /> </div>
    <div class="col-10">
      <p class="text-white text-left">Langue maternelle</p>
    </div>
    <div class="col-2"> <img src="./00_sources/icons/SVG/es.svg" alt="espanol" height="48px" width="48px" /> </div>
    <div class="col-10">
      <p class="text-white text-left">Scolaire</p>
    </div>
  </div>
</article>

Я сделал много изменений, но col-10 остался ввершина div.У кого-нибудь есть идея, пожалуйста?Спасибо!

...