1

流動的なブートストラップ レイアウトで入力フィールドのサイズを変更してみました。

それらのサイズを設定するには、input-mini から input-xxlarge までのサイズがあります。これらは、コンテナが小さすぎるとフィールドが親コンテナからオーバーフローする結果になるため、流動的なデザインに問題があるようです。

これにより、spanX のサイズと入力ブロック レベルのクラスが残ります。これらのサイズは親に対して相対的ですが、コンテナーが広すぎると入力も広すぎるという問題があります。input-block-level は、入力がそのスペースの 100% を占めるようにします。

また、input-block-level クラスが box-sizing を border-box に変更することにも気付きました。これにより、入力は周囲のコンテナーのパディングを尊重し、内部パディングと同じ量だけコンテナーをオーバーフローしなくなります。入力ボックスの幅を単純に 100% に設定すると、内部パディングとボックス モデルが原因でオーバーフローします。

とにかく、追加の input-mini から input-large クラスまでのクラスがたくさんあるようですが、次のスタイルの代わりに:

width: X;

次のスタイルがあります。

max-width: X;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box

役に立ちますか?

入力が大きくなりすぎず、コンテナが小さくなりすぎたときに適切に縮小できるようになるため、人々が望むのは明らかなことのように思えます。私がここで尋ねる理由は、私が何かを見逃したに違いないこと、そしてこのアプローチには何らかの問題があるに違いないことを非常に明白に懸念しているからです.

ありがとう

4

0 に答える 0