如何設置按鈕引導程序的寬度

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; 
}