見出しh2

見出しh3

見出しh4

テキストテキストテキスト.t1

テキストテキストテキスト.t2

テキストテキストテキスト.t3

テキストテキストテキスト.t4

TEXTTEXTefont

代表者OOOOOO.明朝体

ストロングテキスト

テキストテキストテキスト

MGM（エムジーエム）

 

テーブル

フォーム

会社名
代表取締役
設立
事業案内

レスポンシブ

セル内の折り返しをしない

 

一番上の行と左端のthだけ折り返ししない

 

ヘッダー付き

 

 

 

カード（元パネル）

今までのパネルに近い

 

 

新しい例

 

 

申し訳ございません。
ただいま準備中につき、大変ご迷惑をおかけしております。
もうしばらくお待ちください。

 

colブレイクポイント

「-n」の「n」は数字が入ります。
今まで通り1～12で指定。

今までと大体同じところでレイアウトの切り替えをするとしたら、
col-xs-n=col-n
col-sm-n=col-md-n
col-md-n=col-lg-n
で使うのが今までの感覚と一番近いかと思います。

 

全幅適用

col-n

 

576px以上適用

col-sm-n

 

768px以上適用

col-md-n

 

992px以上適用

col-lg-n

 

1200px以上適用

col-xl-n

 

表示順変更

今まで
.col-md-8.col-md-push-4 .col-md-4 col-md-pull-8

新しい表示順変更
.col-md-8.order-md-2 .col-md-4.order-md-1

 

row、colの左右のmargin、paddingを無くしたいとき

「row」に「no-gutters」を追加します。
今まで「cs_row」で作っていたようなレイアウトが作成できると思います。

 

 

リンク

 

タイムライン

• 1968年8月

  コメントコメントコメントコメントコメントコメントコメントコメント

• 1968年8月

  コメントコメントコメントコメントコメントコメントコメントコメント

• 1968年8月

  コメントコメントコメントコメントコメントコメントコメントコメント

• 1968年8月

  コメントコメントコメントコメントコメントコメントコメントコメント

• 1968年8月

  コメントコメントコメントコメントコメントコメントコメントコメント