Bootstrap記法で自由に確実なレイアウト
このテーマはBootstrapに対応しているので、ウェブページ作成時に以下のようなソースを貼り付けてから編集することにより、レスポンシブでも対応可能な確実なレイアウトを実現できます。
<div class="row"> <div class="col-md-6">左カラム</div> <div class="col-md-6">右カラム</div> </div>
col-md-6のところは、最大12として数字の比率を変えるとレイアウトの調整がおこなえます。
例えば以下のようにすれば左カラムが4に対して右カラムが8になります。
<div class="row"> <div class="col-md-4">左カラム</div> <div class="col-md-8">右カラム</div> </div>