窗體控件將不會調整輸入的大小

Question

我正在嘗試創建一個簡單的注冊表單，但是由於某種原因，我的代碼輸入不適應引導程序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>

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>