例えば、スマホサイズでは2行で、PCサイズでは1行では表示させたい場合、
スマホサイズでのみ空白を入れて調整したいのですが、
PCサイズでも空白が入ってしまいます。
bootstrap3
1<div id="contents" class="contents"> 2 <div class="container"> 3 <div class="row"> 4 <div class="col-md-2 col-xs-2 col-xs-offset-1"> 5 aaaaa 6 </div> 7 <div class="col-md-2 col-xs-2 col-xs-offset-1"> 8 bbbbb 9 </div> 10 <div class="col-md-8 col-xs-12"> 11 ccccc 12 </div> 13 </div> 14 </div> 15</div>
col-md-xxはmdのみ、col-xs-xxはxsのみで構成するものかと思ったのですが、
どうなのでしょうか。
col-mdに空白を入れないようにするにはどう記述すればよいのでしょうか。
bootstrap、複数、ブレイクポイント、オフセット 等をキーワードにして調べているのですが、対処方法がわからず行き詰まっています。
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/18 01:09
2018/07/18 03:05