使用输入组在输入和按钮之间添加间隙

Question

如何在Bootstrap 3上使用input-group在输入和按钮之间添加间隙？的 jsFiddle

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>Example</h1>
            <div class="input-group">
               <input type="text" class="form-control">
               <span class="input-group-btn">
                    <button class="btn btn-default" type="button">Go!</button>
               </span>
            </div>
        </div>
    </div>
</div>

Answer 1

将您的自定义类添加到#include <iostream> using namespace std; int main() { int t; cin>>t; while(t--){ long long n; cin>>n; long long cur = 1; while(cur%n!=0){ cur = cur*10+1; } cout<<cur<<endl; } return 0; } 并使用填充来创建空间。

参见工作示例。 ＆GT; class="input-group-btn"

class="input-group-btn input-space"

.input-group-btn.input-space {
  padding-left: 15px;
}

Answer 2

只需将padding-left添加到.input-group-btn，例如：

.input-group-btn {
    padding-left: 10px !important;
}

Answer 3

另一种方法是覆盖表单控件类，如下所示：

.form-control {
    width: 90% !important;
}