前提・実現したいこと
Railsでアプリ作成中で、bootstrap導入しhtmlをいじっています。
モーダルの影を消したいため、htmlとcssをいじっていたのですが、htmlのclassを消すと変化があるのに、cssのclassを消すと変化がないのがなぜなのかわかりません。
発生している問題・エラーメッセージ
以下Bootstrapです。
CSS
1.modal-content { 2 position: relative; 3 background-color: #fff; 4 -webkit-background-clip: padding-box; 5 background-clip: padding-box; 6 border: 1px solid #999; 7 border: 1px solid rgba(0, 0, 0, .2); 8 border-radius: 6px; 9 outline: 0; 10 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .1); 11 box-shadow: 0 3px 9px rgba(0, 0, 0, .1); 12}
以下HTMLの該当箇所です。
html
1<div class="modal " id="demoNormalModal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> 2 <div class="modal-dialog modal-dialog-centered" role="document"> 3 <div class="modal-content" > 4 <div class="modal-header"> 5 <h5 class="modal-title" id="demoModalTitle">プロフィール編集</h5> 6 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 7 <span aria-hidden="true">×</span> 8 </button> 9 </div> 10 <%= form_for current_user do |f| %> 11 <div class="modal-body"> 12 </div> 13 <div class="modal-footer"> 14 </div> 15 <% end %> 16 </div> 17 </div> 18 </div>
補足情報(FW/ツールのバージョンなど)
modal=contentは、@mediaで書かれているとこもありましたので、そちらもCSSで削除しましたが、変化がありませんでした。
回答1件
あなたの回答
tips
プレビュー