ニュース

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>