お世話になります。
bootstrap4を利用して、スマートフォンで閲覧した時の左右の空きが、
広いのでこちらを狭めようと試みておりますが、反映されません。
こちらの対応方法を、ご教示いただければと存じます。
よろしくお願いいたします。
要素をcontainer-fluidで括っても、
左右に空きができます。
対応したこと、
theme.min.css @media (min-width:768px){.container{max-width:768px} theme.css @media (min-width: 768px) { .container { max-width: 768px; } } .container { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } 独自css @media screen and (max-width: 768px){ .container{padding:0} div[class^="col-"] {padding:0} .row {margin:0;} } 上記以外にも .container{ padding: 3px !important; overflow-x: hidden !important; } を試したり、 .container{ padding: 3px !important; overflow-x: hidden !important; } を試したりしましたが、反映されませんでした。 }
よろしくお願いいたします。
container-fluidと言いつつCSSは.containerのものがあって、どう書いているのか想像できません。HTMLを提示願います。
あなたの回答
tips
プレビュー