例えば、コンテンツを、メインとサイドバーに分ける場合、以下のようになります。 （あくまでも、style属性は、見やすくするために指定しています） <div class="container"> <div class="row"> <div class="col-md-9" style="border: 1px solid #009000">メインコンテンツです。</div> <div class="col-md-3" style="border: 1px solid #009000">サイドバーです。</div> </div> </div> デモページ(css-01.html) スマートフォンとパソコンでレイアウトを変える col-md-*だけだと、スマートフォンで表示すると、上下の表示になってしまいます。 パソコンとスマホの両方で、横にコンテンツを並べたい、といった場合上のコード以外に