Question

删除input-xlarge和input-large等关键功能后，bootstrap 3中的替代功能是什么？

当然我可以使用col-lg-12等，但这会在标签窗格中显示错误。

我也可以使用style = "width:30px;“但是它会像input-xlarge那样失去它的响应能力。有什么建议吗？

Answer 1

在Bootstrap 3中，.form-control（您输入的类）的宽度为100％，允许您将它们包装到col-lg-X div中进行排列。来自文档的示例：

<div class="row">
  <div class="col-lg-2">
    <input type="text" class="form-control" placeholder=".col-lg-2">
  </div>
  <div class="col-lg-3">
    <input type="text" class="form-control" placeholder=".col-lg-3">
  </div>
  <div class="col-lg-4">
    <input type="text" class="form-control" placeholder=".col-lg-4">
  </div>
</div>

见Column sizing。

它与Bootstrap 2.3.2略有不同，但你很快就习惯了。

Answer 2

您可以使用这些类

输入-LG

输入

和

输入-SM

表示输入字段，将输入替换为 btn 表示按钮。

请查看此文档http://getbootstrap.com/getting-started/#migration

这将仅更改元素的高度，以减少使用col-xs-* col-md-* col-lg-*等网格系统类所需的宽度。

示例col-md-3。请参阅此处的文档http://getbootstrap.com/css/#grid

Answer 3

    private void DoSomething<T>(T param)
    {
        //...
    }

    private void DoSomething(int param) { /* ... */ }

    private void DoSomething(string  param) { /* ... */ }

Answer 4

我在主css文件中用max-width解决了。

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

这是一个简单的解决方案，只有很少的“代码”

Answer 5

<div class="form-group">
                    <div class="input-group col-md-5">
                    <div class="input-group-addon">
                    <span class="glyphicon glyphicon-envelope"></span> 
            </div>
                        <input class="form-control" type="text" name="text" placeholder="Enter Your Email Id" width="50px">

                    </div>
                    <input type="button" name="SIGNUP" value="SIGNUP">
            </div>

如何在bootstrap 3中自定义输入字段宽度

5 个答案: