質問: ### 前提・実現したいこと Webシステムの画面で1つのタイトル・4つのラジオボタンを横並びで表示したい Bootstrap v3.3.7 ブラウザ :IE11 ### 発生している問題・エラーメッセージ ``` タイトルと1つ目のラジオボタンが重なってしまう 現在、Bootstrapのグリッドシステムにてレイアウトを組んでおり、何か他に手法があればご教授お願いします。 webデザインが初めてなので大変苦戦しております。 ``` ### 該当のソースコード ``` タイトル ラジオボタン1 ラジオボタン2 ラジオボタン3 ラジオボタン4 ``` ### 試したこと カラムの数を調整したんですが、どうしても重なってしまいます。paddingなどを入れる方法を検索してみたのですが、見つからず、、、です。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/5cbf49a90f7e0ba9ebac449493851a78.jpeg)
回答: 少し無理やり感ありますが、こういうときはドキュメントを読み直して1から組み直したほうが早いです。 form-groupとかinput-groupのラベル的な位置づけにした方がキレイにレイアウトできそうに思います。 ※ボーダーとかは必要であれば別途つけてみてください。 ``` タイトル ラジオボタン1 ラジオボタン2 ラジオボタン3 ラジオボタン4 ``` * Bootstrap3公式ドキュメント * Bootstrap3日本語リファレンス コンポーネント部分は押さえておいた方が良さそうですね。