Drupal 8 부트 스트랩 : 이미지에 반응 형 클래스를 어떻게 추가합니까?

Question

드루팔 (Drupal 8)의 부트 스트랩 서브 테마를 만들고 있습니다. 이전에는 드루팔 (Drupal 7)을 약간 어려움없이 사용했지만 새로운 사이트에서는 드루팔 8로 옮기고 싶습니다. 나뭇 가지와 내가 찾은 문서를 이해하는 데 문제가 있습니다. 예를 들어 기본적으로 이미지가 반응 형이되도록하고 싶습니다. 부트 스트랩이 제공하는 설정에서 반응 형 이미지를 활성화했습니다. 이 의견은 말한다 : 부트 스트랩 3

이미지가 .IMG 응답 클래스의 추가 를 통해 반응 친화적 만들 수 있습니다. 최대 폭 : 100 %; 및 높이 : 자동; 자식 이미지를 부모에게 잘 맞게 조정합니다. 요소.

어떻게 클래스를 이미지에 추가합니까? 나뭇 가지 파일을 편집합니까 아니면 더 간단한 방법으로 할 수 있습니까?

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

가 이미 응답 이미지 옵션이 선택되면 내가 원하는 클래스를 적용해야처럼이 보이는 저하려면 : "템플릿/시스템/image.html.twig는"이미 코드를 포함?

모든 안내를 보내 주시면 감사하겠습니다.

Answer 1

Drupal 8의 Bootstrap 기본 테마를 기반으로하는 하위 문제와 동일한 문제가 있습니다. 이미 몇 시간 동안 쌓여 있습니다. 필자의 경우 이미지는 핵심 image.html.twig 파일 ('themes/bootstrap/templates/system/image.html.twig')에 의해 렌더링되고 있습니다. 주어진 페이지의 이미지가 필요합니다 .img-circle . 나는 처리기 함수를 시도 :

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하는 이미지를 변경합니다.

보기의 필드 결과 (형식 -> 표시 필드 -> 설정)를 다시 쓰고 대체 패턴의 토큰을 사용하여 발견 한 또 다른 방법. 그러나 이드는 일하지도 않았다.