Bootstrap：在输入下添加附加组件

Question

如何使用bootstrap css在输入下添加span？ 我需要做这样的事情：

Answer 1

这样的事情？ http://jsfiddle.net/swm53ran/205/

你可以用纯css来做，如下所示：

<div class="col-xs-12">
    <input type="text" class="form-control has-add-on"/>
    <div class="btm-add-on">
        <strong>Some Text</strong> <input type="checkbox"/>
    </div>
</div>

.btm-add-on {
    background-color: #E6E6E6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px;
    text-align: center;
    border: 1px solid #C0C0C0;
    border-top: none;
}
.has-add-on {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}