bootstrap 输入框 宽度

Bootstrap 中的输入框宽度可以通过设置 col-* 类来实现。Bootstrap 的栅格系统将每行分成了 12 列，通过为输入框所在的列添加不同的 col-* 类，可以控制输入框的宽度。

例如，要创建一个宽度为 50% 的输入框，可以将其所在的列设置为 col-6 ，即占据栅格系统的 6 列（50%）：

<div class="row">
  <div class="col-6">
    <input type="text" class="form-control">
同样，要创建一个宽度为 25% 的输入框，可以将其所在的列设置为 col-3，即占据栅格系统的 3 列（25%）：
<div class="row">
  <div class="col-3">
    <input type="text" class="form-control">
需要注意的是，在一个 row 中，所有的 col-* 列的宽度加起来应该等于 12，否则可能会导致布局混乱。