質問: イベント告知くん をbootstrapの箱の中に入れて、スマホで見切れない様にしたい こんにちは。お世話になっております。トップページに、イベント告知くんを設置する作業を行っております。https://www.rakuten.ne.jp/gold/off-price/r-index0613-2.htmlbootstrapの箱の中にいれてみたところ、pcで見たときには、検索窓とイベント告知くんが並ぶようになり、ブラウザを狭くすると二段になってくれるのですが、スマホで見たときに、検索窓は画面の中央にきちんと配置される一方、イベント告知くんは、右端が見切れてしまいます。iframeを中央寄せに使用としてみたり、横幅をpxや%に変えてみたり、見切れない様にしてみたのですが、うまくいきません。どこを触るとよいでしょうか?
回答: こんばんは。ご回答ありがとうございます。イベント告知君のiframeを入れてみたり、row や container でさらに挟むなど、ネットでbootstrapの解説ページ見ながらやってはみたものの、どうやっても横幅に応じて、消えてくれず今の時間になりました。結果、今は、下記の様な内容にたどり着き、結局、常時、pc用の告知くん、スマホ用の告知くんが出ています。横幅がxsの時には、pc用の告知くんを非表示、その他のときにはスマホ用の告知くんを非表示にするには、どうすればいいでしょうか?スマホ用のiframeをcontainerやlowに入れると、小さくなって、画面の左端によってしまうので、横幅いっぱいになるように、の外において、やで挟んでも見ました、また、それをさらにrow や containerにもいれてみましたが、答え出ず、再度質問させていただきます。https//www.rakuten.ne.jp/gold/shop-url/index2.html