如何在没有网格的情况下控制 Bootstrap 3 中的输入宽度？

Bootstrap 3 中的输入宽度管理

控制 Bootstrap 3 中的输入宽度可能具有挑战性，尤其是在避免使用网格或额外 CSS 的情况下。

原始问题：

如何设置输入的宽度Bootstrap 3 不使用网格系统或未记录的选项？

`.col-lg-x 类的限制：

使用 .col-lg-x 设置输入width 不可行，因为它只能应用于容器 div，导致布局和浮动

解决方案：

要有效设置输入宽度，请将每个输入组包装在其自己的行中，如下所示：

<div class="container">
  <form role="form">
    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control" />
      </div>
    </div>

    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal" />
      </div>
    </div>
  </form>
</div>

其他注意事项：

• 此解决方案允许自定义输入宽度，无论屏幕尺寸如何。
• 它保留 Bootstrap 布局，同时确保输入宽度符合您所需的规格。
• 默认情况下，输入宽度将在宽度超过 95 像素的屏幕中生效。要自定义断点，请参阅 Bootstrap 网格系统文档。

以上是如何在没有网格的情况下控制 Bootstrap 3 中的输入宽度？的详细内容。更多信息请关注PHP中文网其他相关文章！