表单控件不会调整输入的大小答案

【问题标题】：Form-control will not adjust size of input表单控件不会调整输入的大小
【发布时间】：2016-06-07 06:56:49
【问题描述】：

我希望创建一个简单的注册表单，但由于某种原因，我的代码输入不适应引导程序 form-control-lg 类，因此当我使用默认引导程序 CSS 时，它与按钮的大小不匹配，谁能帮忙？

    <div class="container">
<form class="form-inline">
    <div class="form-group">
        <div class="row col-md-5">
        <input class="form-control form-control-lg" type="url" placeholder="Your Site URL">
        </div>
    </div>
    <button type="submit" class="btn btn-success btn-lg" id="urlInput">TRY IT NOW</button>
</form>
</div>

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

您可以尝试在父 div 上使用 form-group-lg

<div class="form-group form-group-lg">
        <div class="row col-md-5">
        <input class="form-control" type="url" placeholder="Your Site URL">
        </div>
</div>

【讨论】：

【解决方案2】：

尝试将 input-lg 类添加到您的输入中

<input class="form-control input-lg" type="url" placeholder="Your Site URL">

【讨论】：