css - 居中的输入类型文本占据整个宽度

Question

您知道如何让文本输入占据 col-md-7 div 的整个宽度并位于红色 div 的中心(使用 Bootstrap )吗？

示例:https://jsfiddle.net/nmdv2nj0/

html:

<div class="container" style="background-color:red; padding:20px 0;">
<div class="row">
   <div class="col col-md-7" style="background-color:yellow;">
    <form class="form-inline">
      <input type="text" class="form-control input-lg" id="inlineFormInputName2" placeholder="Jane Doe"/>
    </form>

</div>

</div>

</div>

Answer 1

<div class="row justify-content-center">

将解决您的问题。

我添加了 jsfiddlle:

https://jsfiddle.net/nmdv2nj0/5/

忘了提——你还需要删除那个 form-inline 类