Twitter的引導輸入字段

在http://twitter.github.com/bootstrap/base-css.html#forms以下代碼給出很好的風格輸入字段與彼此連接按鈕。Twitter的引導輸入字段

<div class="input-append"> 
    <input class="span2" id="appendedInputButton" type="text"> 
    <button class="btn" type="button">Go!</button> 
</div>

我的問題是如何將具有相同樣式的按鈕（中間沒有雙邊框）

我試圖做

<div class="input-append"> 
    <input class="span2" id="appendedInputButton" type="text"> 
    <input class="span2" id="appendedInputButton" type="text"> 
    <button class="btn" type="button">Go!</button> 
</div>

但在此之前必須彼此相鄰的兩個輸入字段造型破裂了。

來源

2012-12-05 Grigor

你所說的「雙邊框」是什麼意思？「造型破碎」是什麼意思？ – rosshamish

@Grigor恕我直言，這不是給reply..if有人有疑問，以建設性的方式，並詢問您的文章，那麼你應該給予尊重，並說明澄清，尋求.. –

@Grigor我只是想澄清的問題你有和你想要達到的結果。像「但它打破了」和「但它不會工作」的評論是不明確，使問題很難有把握回答。 – rosshamish

我希望下面的代碼將幫助..

<style> 
#appendedInputButton2{ 
    border-left:0; 
    } 
</style> 

<div class="input-append"> 
    <input class="span2" id="appendedInputButton1" type="text"> 
    <input class="span2" id="appendedInputButton2" type="text"> 
    <button class="btn" type="button">Go!</button> 
</div>

來源

2012-12-06 05:04:59

Twitter的引導輸入字段

回答

相關問題