html - Bootstrap 表单内联按钮宽度

Question

我想让按钮的宽度与输入的宽度相同:

我的 html 代码:

<form class="form-inline">
                <div class="form-group">
                    <input class="form-control input-lg" type="text" name="category" placeholder="Категория"/>
                </div>
                <div class="form-group">
                    <input class="form-control input-lg" type="text" name="city" placeholder="Город"/>
                </div>
                <div class="form-group">
                    <input class="form-control input-lg" type="text" name="when" placeholder="На этой неделе"/>
                </div>
                <div class="form-group">
                    <a class="btn btn-primary btn-lg btn-block">Найти</a>
                </div>
            </form>

Answer 1

只需像这样向按钮添加内边距--

.btn-lg {
padding-left:15px;
padding-right:15px;
    }

根据需要更改值。