ブートストラップグリッドシステム（テキストボックスのサイズと列）

Question

12に列を追加しないと何かに影響します。私はフォームを持っていて、私は問題を抱えていたテキストボックスを縮小したいと思っていました。ブートストラップグリッド上で10から6に変更したときに縮小しました。私は私のiPhone 7 +画面と私のブラウザでコンピュータ上でテストし、私はコンピュータ上で縮小ブラウザウィンドウがあります。また、テキストボックスを小さくして小さくしておく方が良い方法があります。私は長いテキストボックスが好きではありません。

私はたくさんのものを試しましたが、テキストボックスを縮小する方法を理解できる唯一の方法は、12から6を縮小することでした。私はそれを1サイズに保つより良い方法を望みましたが、上に漏れないでください

<div class="row"></div> 

何か助けていただきありがとうございます！

Answer 1

これらの事を設計するための最良の方法は、あなたが最小のデバイスから考えると、その後最大に、

は、最初の最小のサイズを指定してまず

• です。そして、チェックしてください。そしてさらに大きいサイズを指定してください。 col-xs-1、col-sm-2など
• 次に、さまざまなデバイスでどのように動作するかチェックする必要があります。あなたのケースでは

を行いますテキストボックスのdiv多分col-xs-12とcol-md-2のサイズを指定します。

Link

あなたはあってブートストラップドキュメントと例を確認することができます。それは本当に役に立つ資料です。これらの例を変更して遊んでください...あなたはより理解しやすくなります。