Html Twitter引导按钮组作为文本输入插件isn'；It’没那么好

这就是我尝试过的：

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

http://
https://

但是分组按钮的

填充

和

边距

让它很难看！你可以从中看到它

---

如何修复它？

从

class=“add-on-btn group”

删除

附加组件
从
class=“add-on-btn group”
尝试将您的代码更改为：

<div class="input-prepend input-append">
<div class="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>
<input type="text" />
</div>


http://
https://


：）
尝试将代码更改为：

<div class="input-prepend input-append">
<div class="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>
<input type="text" />
</div>


http://
https://


：）
这个答案和另一个答案有什么不同？这个答案和另一个答案有什么不同？