問題タブ [bootstrap-grid]

mysql の結果を同じ行数の 5 div に表示する方法を探しています。

ここで私がしたこと：

しかし、私は順序付けられた結果を取得せず、各グリッドで同じ番号を取得しません!

他の解決策はありますか？

だから私はimgを含むdivを持っています.divは画面全体を埋めます。縦横比を維持しながらできるだけ多くの幅または高さを取るには、img (添付ファイルの E) が必要です。img の周囲に背景色を配置する必要がありますが、imgの背後には配置しないでください (透明度があり、背後にあるものを確認する必要があるため)。

これまでのところ、img の幅と高さをできるだけ大きくしましたが、img の周りだけに背景を配置する方法がわかりません。

私の推測では、A、B、C、D、F、G、H、I は背景色の div であり、E は img または img を含む div です。

私は Bootstrap 3.3.7 を使用していますが、できるだけ適応性を維持したいと考えています。

助けてください！

編集:完全なコードは次のようになります 編集 2:コードを簡素化し、アプローチをグリッドに変更し、jsfiddleを追加しました。残念ながら、画像の添付ファイルから B と C を埋めるためのギャップがまだあり、E は必要なすべてのスペースを使用していません。