Basic

ウェブページ

カラムページサンプル

1カラム

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

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

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

2カラム

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

3カラム

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

組み合わせ

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

どんなケースにオススメ?

テーマ「Basic」の特長と使い方