как центрировать bootstrap текстовое поле

Question

Как центрировать текстовое поле ввода bootstrap?

 <form action="#" method="post" class="akame-contact-form border-0 p-0">
                        <div class="row">
                        <div class="col-lg-12">
                            <input type="text" name="username" class="form-control mb-30" placeholder="Your Name" required style="margin-bottom:15px;">
                        </div>
                    </div>

Answer 1

Я использовал bootstrap 4-

<form action="#" method="post" class="akame-contact-form border-0 p-0">
                    <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <input type="text" name="username" class="form-control mb-30" placeholder="Your Name" required style="margin-bottom:15px;">
                    </div>
                </div>
              </form>

Answer 2

Есть несколько способов сделать это. Но проще всего использовать .text-center. Он устанавливает text-align свойство ввода на center.

.text-center {
    text-align: center;
 }

Прочтите это для получения дополнительной информации. https://getbootstrap.com/docs/4.0/utilities/text/#text -alignment Класс выравнивания текста для внутренней части таблицы