Drupal 8 Bootstrap：如何將圖像添加到響應式的類？

我爲Drupal 8創建了一個Bootstrap子主題。之前我已經使用了drupal 7（有些困難），但是我想轉到drupal 8以獲得一個新的站點，而且我略微超過了我的肩膀。我無法理解枝條和我找到的文檔。例如，我希望圖像默認具有響應性。我已經在引導程序提供的設置中激活了響應式圖像。評論說：Drupal 8 Bootstrap：如何將圖像添加到響應式的類？

Bootstrap 3中的圖像可以通過添加.img響應類的響應友好。這適用於最大寬度：100％;和高度：自動;到圖像，以便它很好地縮放到父元素。

但是，如何將類添加到圖像？我可以編輯樹枝文件還是可以以更簡單的方式完成？「模板/系統/ image.html.twig」已經包含的代碼：

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

對我來說，這看起來像它應該已經被應用我想，如果響應圖像選項被選中的類？

任何指導將不勝感激！

來源

2016-06-17 Simon Lindén

好吧，好像上面的代碼將img-responsive類添加到作爲圖像字段插入的圖像中，而不是嵌入圖像。這對我來說已經足夠了，因爲我認爲我不需要內聯圖像來響應。 –

在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圈上的所有網頁。

我發現了另一個遍歷 - 通過在視圖中重寫字段的結果（Under format - > Show fields - > settings）並使用Replacement Patterns中的標記。但是ID也沒有工作。

來源

2016-08-15 12:47:56 Art

Drupal 8 Bootstrap：如何將圖像添加到響應式的類？

回答

相關問題