Bootstrapのグリッドで入れ子を上下入れ替える裏技!!

2016/7/22 HTML

Bootstrapの入れ子をレスポンシブの際に上下を逆にしたい

Bootstrapのグリッドは通常左にあるものがレスポンシブすると上、右にあるものがレスポンシブすると下にきます。

でも実際、サイドバーが右にしたい時

HTML

このコードだと、サイドバーがレスポンシブした時に上にきてしまいます。

そんなときにBootstrap。便利なクラスが存在します!

このような場合は下記の様に記載します。

HTML

この様に記載すると、レスポンシブ時にはサイドバーが下にコンテンツが上にきます。

投稿者:気まぐれWEBLOG管理人