输入宽度采用form-inline bootstrap 3

Kon*_*nov 11 html css jquery twitter-bootstrap twitter-bootstrap-3

我不明白,我如何在Bootstrap 3中自定义输入(窗体控制)宽度?

<header>
    <div class="container">
        <div class="row">
            <form role="form" class="form-inline">
                  <div class="form-group">
                      <input type="text" class="form-control" placeholder="???????? ?????????????" id="search"> 
                  </div>
                    <input type="button" class="btn  btn-success" value="?????" onclick="window.location.href = '/result/'+document.getElementById('search').value">
            </form>
        </div>
    </div>
</header>
Run Code Online (Sandbox Code Playgroud)

没有一些样式(如像素宽度),我可以这样做吗?

Mil*_*war -1

.form-group-*您可以通过添加到元素来快速调整水平表单中的标签和表单控件的大小

您还可以使用.input-group.input-group-sm.input-group-lg快速调整所有输入和其他元素的大小

  • 在 Bootstrap v3 中,“input-lg”和“input-sm”影响高度,**而不是宽度**。 (13认同)