Центрирование иконки в Bootstrap

Question

Я пытаюсь центрировать иконку в bootstrap, но я не знаю, какой класс это делать. Я использовал «текст по центру», но только текст был по центру. Можете ли вы помочь мне, ребята?

<div class="col-md-12 text-center">
   <i class="fa fa-spinner fa-pulse fa-3x fa-fw up1"></i>
   <span class="up1">Uploading...</span>
</div>

Вот результат: https://i.stack.imgur.com/lGa4x.png

Answer 1

Попробуйте добавить код

align="center"

в ваш div. Полный код ниже

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="col-md-12" align="center">
   <i class="fa fa-spinner fa-pulse fa-3x fa-fw up1"></i>
   <br>
   <span class="up1">Uploading...</span>
</div>

или вы можете добавить немного CSS, но когда я его протестировал, это не сработало. Подробнее нажмите здесь