質問: Bootstrapのinputの長さを調整したいのですができません。 .col-sm-のクラスを指定するとネットで見つけたのですが、反映されません。 作っているサイトは、こちらです。 http://spiritualcompany.net/portfolio/site2/index.html このサイトの一番下のメールアドレスとある下のinputです。 ``` 売上アップをする準備はできましたか? どんな業種でも、インターネットを通じて売上アップを 実現することができます。弊社にぜひ、サポートをさせて 下さい。 メールアドレス はじめる ``` どうやって、inputの幅をもっと短くすることができるのでしょうか? Bootstrapのバージョンは、bootstrap@5.0.0-beta1です。
回答: デベロッパツールで確認してみると分かりますが、様々な影響を受け、`col-md-2`は無効になっています。 !イメージ説明 理由としては`.form-control`のwidth:100%で上書きされているため。 なので、その`.form-control`の特性を逆手に取り、inputに直接指定するのではなく、ブロックの中に入れます。 ``` ``` 「そういう広さのブロック」に入れてしまえば、その広さがinputにとっての100%になるわけです。 ブロックを作らなくても、別途広さ用のクラスを自前で用意すればinputに直接指定してもいけます。 ``` .w20{ width:20%; } ``` ``` ``` 私はどちらかというとこの手法。