html – Bootstrap 3：使用input-groupinput-group-addon和horizo​​ntal标签设置自定义宽度

概述我想在bootstrap网站上使用类.col-lg- *概述 here来控制输入元素的大小.但是,将< span>放入div里面的元素完全搞砸了： 带div的HTML： <div class="input-group input-group-lg"> <label for="" class="control-label">Paycheck</label> <div class="col-l 我想在bootstrap网站上使用类.col-lg- *概述 here来控制输入元素的大小.但是,将< span>放入div里面的元素完全搞砸了：

带div的HTML：

<div >  <label for="" >Paycheck</label>  <div >    <span >$</span>     <input type="text"  ID="">  </div></div>

如何设置输入元素的宽度以使它们完全相同？

我希望每个输入元素的左边距是这样的：

这就是现在的样子：

这是我目前的HTML：

<div >        <div >            <h2>Income</h2>        <form  role="form">            <div >            <label for="" >Paycheck</label>                <span >$</span>                 <input type="text"  ID="">            </div>            <div >            <label for="" >Investments</label>                <span >$</span>                <input type="text"  ID="">             </div>            <div >            <label for="" >Other</label>                <span >$</span>                 <input type="text"  ID="">            </div>            <button  type="submit">Update</button>        </form>        </div>

现场例子：http://jsfiddle.net/jfXUr/

解决方法 根据我上面的评论,尝试将标签和.input-group与.form-group容器一起分组.

<div >    <label for="" >Paycheck</label>    <div >        <span >$</span>         <input type="text"  ID="">    </div></div>

在这里演示 – http://jsfiddle.net/jfXUr/1/

总结

以上是内存溢出为你收集整理的html – Bootstrap 3：使用input-group / input-group-addon和horizo​​ntal标签设置自定义宽度全部内容，希望文章能够帮你解决html – Bootstrap 3：使用input-group / input-group-addon和horizo​​ntal标签设置自定义宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。