初心者でいろいろ調べてもむずかしいことだらけなので質問させていただきます。
Bootstrap?のカラムの要素を使って写真を3枚並べて表示させたいのですが
写真のように重なってしまいます。
写真がもともと大きいのが原因だと思ったのでCSSで
<div class="container"> <div class="row"> で指定してwidthの設定で幅を変えようとしても変化ありません。CSSで設定しようとするのが間違いなのでしょうか?教えていただけたらありがたいです。よろしくお願いします。
HTMLのコード
<body> <div class="container"> <div class="row"> <div class="col-2 bg-primary"><img src="sample01.png"></div> <div class="col-8 bg-secondary"><img src="sample01.png"></div> <div class="col-2 bg-success"><img src="sample01.png"></div> </div> </div> </body>
CSSのコード
.container{ width: 150px; } .row{ width: 150px; }
回答1件
あなたの回答
tips
プレビュー