小编Car*_*sen的帖子

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

关于Twitter-Bootstrap输入宽度/ CSS类,我一直在摸不着头脑.我有一个包含客户地址信息的表格.我想制作"名称"(名字,中间名和姓氏)和内联表格/行,其中三个输入的结果与其余输入的宽度相等(使用class="input-xxlarge").

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

<div class="control-group">
    <label class="control-label" for="FirstName">Name</label>
    <div class="controls">
        <input class="input-small" id="FirstName" name="FirstName" placeholder="First name" type="text" value="" />
        <input class="input-small" id="MiddleName" name="MiddleName" placeholder="Middle name" type="text" value="" />
        <input class="input-small" id="LastName" name="LastName" placeholder="Last name" type="text" value="" />
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/RXGKN/

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

有没有办法定义一个"row",它等于"input-xxlarge"的宽度,并在"control-group">"controls"的每个输入上使用spanX(ex.span4).

html css forms twitter-bootstrap

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

forms ×1

html ×1

twitter-bootstrap ×1