常にセンタリングされた応答画像

Question

以下のことを実現したいと思います。 6つの会社ロゴがデスクトップビューに縦に配置されているとしましょう。タブレットでサイトを見る（またはブラウザを手動で縮小する）と、2つの会社のロゴが次の行にジャンプしますが、それらを中心にしたいと思います。すべてのグリッドシステムと同じように、左に浮かべてはいけません。どういうわけか可能ですか？特にブートストラップで？

私の考えは、どの画像が2番目の行にあるかを知ることができれば、左からオフセットを数え、jsで画像を中央に移動することができます。しかし、それが必要な場合にのみ、3つの画像が新しい行にジャンプする場合は、大丈夫です。それらとは何も関係ありません。私は正しい？

この特定の機能を知っている解決策やプラグインが見つかりませんでした。

Answer 1

これを行うにはJavascriptを使用することは可能ですが、レスポンスブレークポイントを使用してこれを行うのが最も良い方法です。したがって、デスクトップのグリッドクラスがcol-md-2で、タブレットサイズになったときに2つのジャンプがあった場合、通常はロゴをcol-sm-4にして、各行に3つのロゴを作成する方が良いでしょう。

2つの画像だけがタブレットにジャンプした場合は、最後の2つにもcol-sm-6を追加して、その画像を次の行に配置することができます。