グリッドを使用せずに Bootstrap 3 で入力幅を制御する方法は?

Bootstrap 3 での入力幅の管理

Bootstrap 3 での入力幅の制御は、特にグリッドの使用や追加の CSS を回避する場合に困難になることがあります。

元の質問:

グリッド システムや文書化されていないオプションを使用せずに Bootstrap 3 で入力の幅を設定するにはどうすればよいですか?

`.col-lg- の制限x クラス:

.col-lg-x を使用して入力幅を設定することは、コンテナ 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>

追加の考慮事項:

• このソリューションでは、画面サイズに関係なくカスタム入力幅が可能です。
• 入力幅が希望の仕様に従うようにしながら、ブートストラップ レイアウトを保持します。
• デフォルトでは、入力幅は 95 ピクセルより広い画面で有効になります。ブレークポイントをカスタマイズするには、Bootstrap グリッド システムのドキュメントを参照してください。

以上がグリッドを使用せずに Bootstrap 3 で入力幅を制御する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。