Question

如何在bootstrap 3.0中设置输入宽度

码

    <div class="submit">
        <div class="col-md-8 col-sm-8">
            <button type="submit" class="btn btn-primary">Submit</button>
        </div>
        <div class="col-md-4 col-sm-4">
            <div class="input-group">
                <input type="text" class="form-control ">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">Add </button>
                </span>
            </div>
        </div>
    </div>

我正在看引导方式而不是自定义css

Answer 1

CSS：.set-width{ width: 50%; }
HTML：<div class="input-group set-width">

您可以在任何div上添加set-width方法（在任何div上调用它），然后在CSS中手动调整大小。我不建议将style="width: 50%;"添加到代码中，因为它会降低可读性并使以后编辑变得更加困难。另外，制作CSS类时，您可以在多个输入字段（或者您想要设置为该宽度的任何其他字段）上重复使用它！宽度可以设置为像素，也可以设置为em。

Here is a helpful resource了解CSS类和ID

。

Answer 2

Bootstrap输入取其容器的宽度。

来自Bootstrap文档（http://getbootstrap.com/css/#forms-inline）..

＆＃34;默认情况下，Bootstrap中的输入，选择和文本区域为100％宽。要使用内联表单，您必须在表单上设置宽度内部使用的控件。＆＃34;

如何设置输入组的宽度

2 个答案: