画像またはビデオの上にアイコンを配置する

問題:
画像またはビデオの上にアイコンを配置する必要があります画像またはビデオを左下隅に揃えます。クリックすると、アイコンによって画像のダウンロード プロンプトが表示されます。

解決策:
希望の位置に配置するには、画像の周囲に相対コンテナを作成する必要があります。次に、アイコンの位置を絶対位置に設定します。コード例は次のとおりです:

.container {
  position: relative;
}

.container img {
  display: block;
}

.container .fa-download {
  position: absolute;
  bottom: 0;
  left: 0;
}

Bootstrap 3 Font-Awesome:
はい、Bootstrap 3 Font-Awesome でも同じ方法が機能します。上記のコードの Font Awesome バージョンを次のように置き換えます: