如何使引导文本框居中答案

【问题标题】：how to center a bootstrap textbox如何使引导文本框居中
【发布时间】：2020-05-23 12:10:17
【问题描述】：

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>

【问题讨论】：

这能回答你的问题吗？ bootstrap asp.net textbox does not center properly
这能回答你的问题吗？ Place input box at the center of div

标签： html css forms bootstrap-4

【解决方案1】：

有多种方法可以做到这一点。但最简单的是使用.text-center。它将输入的text-align 属性设置为center。

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

【讨论】：

【解决方案2】：

我用过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>

【讨论】：