html - テキスト入力アドオンとしての Twitter Bootstrap ボタングループはあまり良くない

Question

これは私が試したことです：

<div class="input-prepend input-append">
    <input type="text" />
        <div class="add-on btn-group" data-toggle="buttons-radio">
            <button type="button" class="btn btn-primary" dir="ltr">http://</button>
            <button type="button" class="btn btn-primary" dir="ltr">https://</button>
        </div>
</div>

しかし、グループボタンはそれを醜くpaddingしました! あなたはjsFiddlemarginでそれを見ることができます

どうすれば修正できますか？

Answer 1

add-onから削除class="add-on btn-group"