本文介绍了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.

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 中文本输入字段的宽度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-23 03:25