如何设置按钮引导程序的宽度

Question

如何设置引导按钮的自定义宽度。

我的问题是我不知道如何缩小按钮的宽度以喜欢图像（这是一个提交按钮）。左侧部分是输入文本。我的问题是按钮太宽了。这是代码：

<div class="col-xs-5 col-xs-offset-3">
  <div class="input-group input-group-lg">
    <input type="text" class="form-control input-lg input-forme" id="Text" placeholder="Text">
    <span class="input-group-btn tipka">
      <button type="submit" class="btn btn-group-small" id="form-submit">Submit</button>
    </span>
  </div>
</div>

Answer 1

您可以更改宽度和填充：https : //jsfiddle.net/wz8ac5d4/

.btn {
    width:0px;
    padding:5px;
}

您也可以在 btn 中添加一个类，这是一种更好的做法。

HTML：

<button type="submit" class="btn btn-group-small my-small-btn" id="form-submit">Submit</button>

CSS :

.my-small-btn {
    width:0px;
    padding:5px;
}