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

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

您可以更改宽度和padding：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; 
} 

Answer 2

定义不同尺寸的类：

.btn-LG .btn-MD 。 btn-sm .btn-xs

参考此链接

http://www.w3schools.com/bootstrap/bootstrap_buttons.asp

Answer 3

可以增加它的大小与此：

.btn { 
    width: 100%; 
    padding: 5px; 
}