###前提・実現したいこと
スマホで表示させた場合に、2つのDIV要素を縦1列で表示させたいです。
###発生している問題・エラーメッセージ
縦に表示はされるのですが、下のDIVの幅が異常に狭いです。
上のDIVと同じように、画面両端まで埋まってほしいです。
![
###該当のソースコード
html
<body> <div class="container-fluid picture_list" style="margin-top:90px;"> <div class="row"> <div class='col-xs-6'> <div id="picture_area" style="text-align: center;"> <img id="picture_data" src="../data/image.jpg"> </div> </div> <div class='col-xs-6' id='row_comment'> <div class='comment_wrapper'><span>aaaa</span></div> </div> </div> </div> </body>
css
.tag_link { color: #333333; text-decoration: underline; margin-right: 10px; } #picture_area { display: inline-block; position: relative; margin:20px 20px 20px 20px; } #picture_data { display: block; margin-left: auto; margin-right: auto; } #row_comment { background-color: #ffffe0; overflow-y: scroll; } .comment_wrapper { margin-top: 20px; width: 100%; }
###補足情報(言語/FW/ツール等のバージョンなど)
Bootstrap3です。
回答1件
あなたの回答
tips
プレビュー