Question

我希望创建一个简单的注册表单，但由于某些原因，我的代码输入不适应bootstraps form-control-lg类，所以当我使用默认的bootstrap 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>

Answer 1

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

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

Answer 2

您可以尝试在父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 个答案: