Как я центрирую html элемент "ul" в bootstrap 4 (по горизонтали + вертикали) внутри <section> - PullRequest
Новая
       170

Как я центрирую html элемент "ul" в bootstrap 4 (по горизонтали + вертикали) внутри <section>

0 голосов
/ 05 августа 2020

Как центрировать элемент html " ul " в bootstrap4 (по горизонтали + по вертикали) с выравниванием по горизонтали " li " 

<section>
   <div class='row'>
      <div class='col-sm'>
            <ul>
                 <li>A</li>
                 <li>B</li>
                 <li>C</li>
            </ul>
      </div>
   </div>
</section>

1 Ответ

0 голосов
/ 05 августа 2020

Если вы используете этот код, список будет отображаться в центре желтого поля. Я не знаю, почему это не сработает при предварительном просмотре кода в stackoverflow, но здесь вы можете видеть, что он работает. 

<section>
   <div class='row'>
      <div class='col-sm' style="background-color: yellow; display:grid;height: 100%">
            <ul style="margin: center;">
                 <li>A</li>
                 <li>B</li>
                 <li>C</li>
            </ul>
      </div>
   </div>
</section>
...