Drupal 8 Bootstrap：イメージに応答するクラスを追加するにはどうすればよいですか？

Question

私はDrupal 8のBootstrapサブテーマを作成しています。以前はdrupal 7（難しかった）を使用しましたが、私は新しいサイトのdrupal 8に移行したいと思います。私は小枝と私が見つけた文書を理解するのに問題があります。 たとえば、デフォルトで画像が反応しやすいようにしたいとします。私は、ブートストラップが提供する設定で反応しやすい画像を起動しました。コメントは述べています：ブートストラップ3で

画像が.imgの応答クラスの追加 を経由して応答フレンドリー行うことができます。これは、max-width：100％に適用されます。および 高さ：自動;親に 要素にうまく縮尺するように画像に追加します。

どのようにイメージにクラスを追加しますか？私は小枝ファイルを編集するのですか、それとも簡単な方法で行うことができますか？ 「テンプレート/システム/ image.html.twig」は既にコードが含まれています

{% set classes = [ 
    theme.settings.image_shape ? theme.settings.image_shape, 
    theme.settings.image_responsive ? 'img-responsive', 
] %} 
<img{{ attributes.addClass(classes) }} /> 

私に応じた画像オプションがチェックされている場合、それはすでに私が欲しいクラスを適用する必要があるように、これが見えますか？

ガイダンスをいただければ幸いです。

Answer 1

Drupal 8のBootstrapベースのテーマに基づいて、サブテーマで同じ問題が発生しました。数時間前からスタックされています。私の場合、イメージはコアimage.html.twigファイル（ 'themes/bootstrap/templates/system/image.html.twig'）によってレンダリングされています。指定されたページのイメージが必要です。 。私は、プリプロセッサの機能試してみました：

function artom_preprocess_field(&$variables, $hook) { 
 

 
    $element = $variables['element']; 
 

 
    if ($element['#field_name'] == 'field_team_member_headshot') { 
 
    $variables['items'][0]['content']['#options']['attributes']['class'][] = 'img-circle'; 
 
    }

をしかし、それはすべてのページに、円をは* .imgする画像を変更します。

ビューのフィールドの結果を書式（>フィールドの表示 - >設定）に書き換え、置換パターンのトークンを使用して、私は見つけました。しかし、イドもうまくいきませんでした。