Q&A
teratailタグは何の関係があるのでしょうか。
ソースコードはMarkDownの<code>ブロック内に貼り付けてください。
ここにより詳細な情報を記載してください。
前提・実現したいこと
画像のように指定しているmarginを無視して画像を横いっぱいに表示したいです。
発生している問題・エラーメッセージ
containerタグにmarginを指定しているため横幅いっぱいに画像が広がらない
エラーメッセージ
該当のソースコード
Html bootstrap
1<body class="bg-light"> 2 <div class="container mx-5 mx-auto"> 3 <header class="d-md-flex justify-content-md-between"> 4 <div id="deitora col-md-6 col-12"> 5 <h4 class="py-3 text-center">30DAYSトライアル</h4> 6 </div> 7 <nav class="navbar navbar-expand navbar-light bg-light"> 8 <div class="container-fluid justify-content-center"> 9 <ul class="navbar-nav text-center"> 10 <li class="nav-item px-2"> 11 <a class="nav-link" aria-current="page" href="#">Home</a> 12 </li> 13 <li class="nav-item px-2"> 14 <a class="nav-link" href="#">Features</a> 15 </li> 16 <li class="nav-item px-2"> 17 <a class="nav-link" href="#">Pricing</a> 18 </li> 19 </ul> 20 </div> 21 </nav> 22 </header><!-- /header --> 23 <div class="keyvisual"> 24 <img class="img-fluid" src="images/main-vsual-nontitle.png" alt=""> 25 </div> 26 </div><!--container-->
試したこと
画像のクラスにw-100を指定したり、m-0などを指定したがなにもかわりませんでした。
補足情報（FW/ツールのバージョンなど）
ご指摘ありがとうございます！タグは間違いです、、もっと質の良い質問をできるようにがんばります
じゃあ質問編集してteratailタグ外すのと、
ソースコードを<code>ブロック内に貼り付けておいて下さい。
質問は残りますので、質問者さん以外の方が同じ問題に直面したときに解決の手助けとなることを期待する
ためです。
修正ナイスです。私からは以上です。
ご指摘ありがとうございました！テラテイルの質問がほとんど初めてで正しく質問ができているか不安でしたが、ご指摘いただいたおかげで間違っている部分などがよくわかりました。もっと質の良い質問をできるよう頑張っていきたいと思います！
おっと入れ違いですな。これで大丈夫だと思いますよ。
今度teratailで質問するときは
https://teratail.com/help/question-tips
ここを一読してから書いてみると指摘されにくいと思います。
ありがとうございます！一度目を通してみます！
回答1件
0
ベストアンサー
マイナスmarginを左右に当てる方法とか、width:100vw;を当てる方法があった気がするけども、
それよりもcontainerの外に出してあげればいいんじゃないかなぁ？
投稿2021/03/22 11:52
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
