2017-08-23 114 views
0

我需要給兩個文本框之間的空間多少我想要的。我該如何實現。以下是我的代碼。單個格中兩個文本框之間的空間

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="col-md-offset-2 col-md-10"> 
 
    <input type="submit" class="btn btn-primary" id="btnsubmit" name="btnsubmit" value="Change Password" /> 
 
    <input type="button" class="btn btn-warning" id="btnCancel" name="btnCancel" value="Cancel" /> 
 
</div>

+0

使用邊距,填充CSS屬性。 –

+0

在文本框中還是在div中? – Anusha

+0

你可以使用'css'風格喜歡加'margin'或者' ' –

回答

0

設置margin-top屬性爲兩個文本框之間設置空間。

Here是js小提琴。

1

只需添加&nbsp;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="col-md-offset-2 col-md-10"> 
 
    <input type="submit" class="btn btn-primary" id="btnsubmit" name="btnsubmit" value="Change Password" /> 
 
    &nbsp;&nbsp;&nbsp;&nbsp; 
 
    <input type="button" class="btn btn-warning" id="btnCancel" name="btnCancel" value="Cancel" /> 
 
</div>

+1

Thnq它正在工作 – Anusha

+0

接受我的回答@Anusha –

0

添加margin獲得按鈕之間的空間。 +選擇器用於爲在.btn之後立即放置的按鈕添加邊距。

.btn + .btn { 
 
    margin-left: 20px; 
 
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="col-md-offset-2 col-md-10"> 
 
    <input type="submit" class="btn btn-primary" id="btnsubmit" name="btnsubmit" value="Change Password" /> 
 
    <input type="button" class="btn btn-warning" id="btnCancel" name="btnCancel" value="Cancel" /> 
 
</div>

0

只要給margin-right輸入字段內。 這裏是plunker希望它能幫助你。

相關問題