Basic

ウェブページ

フォルダ01

カラムページサンプル

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」の特長と使い方 無料トライアル