カラムページサンプル

ウェブページ

カラム設定サンプルです。
フォーマットは「なし」を選択。本文中にソースコードを書いていきます。
サイトの幅を１２分割すると考え、x／12を占めるかを

<div class="col-sm-x">

と指定します。
例えば、この文章のように幅全てを使った１カラムの場合は…
<div class="col-sm-12"> と記述します。
詳しくは、マニュアルを参照してください。

２カラムです。１２分割を２つにして使っているので、それぞれのカラムに
<div class="col-sm-6">
と記述しています。
おなじ<div class="row">〜</div>内の数字を１２にするのがポイントです。

ろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろくろく

3カラムです。
<div class="col-sm-4">
と記述しています。

よんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよん

このように組み合わせることもできます。
ろくろくろくろくろくろくろくろくろくろくろくろくろく

よんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよんよん

にににににににににににににに