bootstrap3 中文本输入字段的宽度 [英] Width of text input fields in bootstrap3

问题描述

bootstrap3 是否具有增加文本输入字段宽度的本机功能?

我知道在 bootstrap2 中我只是附加一个像 input-lg 这样的类来修改输入的宽度，但是在 bootstrap3 中这似乎只是增加了高度.

解决方案

查看列大小调整"小节 此处.

<块引用>

使用 .input-lg 等类设置高度，使用 .col-lg-* 等网格列类设置宽度.

来自 Bootstrap 3 网站的示例:

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

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

Does bootstrap3 have native functionality for increasing the width of a text input field?

I know in bootstrap2 I'd just append a class like input-lg to modify the width of the input, however in bootstrap3 this just seems to increase the height.

解决方案

Take a look at the "Column sizing" subsection here.

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.

Example from Bootstrap 3 website:

<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>

这篇关于bootstrap3 中文本输入字段的宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！