html – Twitter-Bootstrap输入内联宽度(名字,中间名和姓氏)

概述关于Twitter-Bootstrap输入宽度/ CSS类,我一直在摸不着头脑.我有一个包含客户地址信息的表格.我想制作“名称”(名字,中间名和姓)和内联表格/行,其中三个输入的结果与其余输入的宽度相等(使用class =“input-xxlarge”). 当我在每个输入上使用“input- *”(例如“input-small”)时,它们太宽或太窄(总计). <div class="control 关于Twitter-bootstrap输入宽度/ CSS类,我一直在摸不着头脑.我有一个包含客户地址信息的表格.我想制作“名称”(名字,中间名和姓)和内联表格/行,其中三个输入的结果与其余输入的宽度相等(使用class =“input-xxlarge”).

当我在每个输入上使用“input- *”(例如“input-small”)时,它们太宽或太窄(总计).

<div >    <label  for="Firstname">name</label>    <div >        <input  ID="Firstname" name="Firstname" placeholder="First name" type="text" value="" />        <input  ID="MIDdlename" name="MIDdlename" placeholder="MIDdle name" type="text" value="" />        <input  ID="Lastname" name="Lastname" placeholder="Last name" type="text" value="" />    </div></div>

http://jsfiddle.net/RXGKN/

设置百分比宽度(内联)也不是解决方案.有没有人能够做到这一点,所以左右两侧与其他输入(包括响应)完全“完美”？

有没有办法定义一个等于“input-xxlarge”宽度的“行”,并在“control-group”>中的每个输入上使用spanX(ex.span4). “控制”.

解决方法

<div >  <label  for="Firstname">name</label>    <div >        <div ><input  ID="Firstname" name="Firstname" placeholder="Firstname" type="text" value="" /></div>        <div ><input  ID="MIDdlename" name="MIDdlename" placeholder="MIDdlename" type="text" value="" /></div>        <div ><input  ID="Lastname" name="Lastname" placeholder="Lastname" type="text" value="" /></div>        <p  >How do I make these 3 input's (together) equal wIDth of the "Adresse" input.</p>    </div></div><div >  <label  for="Addressline1">Adresse</label>  <div >    <div ><input  ID="Addressline1" name="Addressline1" placeholder="Addressline1" type="text" value="" /></div>  </div></div>

http://jsfiddle.net/baptme/RXGKN/2/

总结

以上是内存溢出为你收集整理的html – Twitter-Bootstrap输入内联宽度(名字,中间名和姓氏)全部内容，希望文章能够帮你解决html – Twitter-Bootstrap输入内联宽度(名字,中间名和姓氏)所遇到的程序开发问题。

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