Question

           <form class="form-inline">
               <div class="form-group">
                   <label class="sr-only"></label>
                   <input class="form-control" type="text"/>
               </div>
               <div class="form-group">
                   <label class="sr-only"></label>
                   <input class="form-control hello" type="text"/>
               </div>
               <div class="form-group">
                   <label class="sr-only"></label>
                   <input class="form-control" type="text"/>
               </div>
               <input type="submit" class="btn" value="submit"/>
           </form>

如何让中间输入的宽度为500px？我尝试用col-xs-10连续包裹它，但这也没有用。这是jsfiddle demo.

Answer 1

最简单的解决方案可能是将style="width:500px;"添加到输入中。

更新了JSFiddle： http://jsfiddle.net/ThomasMcNaught/uvdU8/1/

如果您希望通过CSS应用它，请尝试使用ID。

input#width {
    width: 500px;
}

演示： http://jsfiddle.net/ThomasMcNaught/uvdU8/2/

Answer 2

以下CSS规则可行：

.form-inline .form-control.hello {
    display: inline-block;
    width:500px;
}

JS小提琴： http://jsfiddle.net/uvdU8/3/

增加内联表单输入的宽度？

2 个答案: