Theme development

How can I work with responsive image style especially with themes as bootstrap which is

mobile first?

The documentation about responsive image style is very poor...

Thanks.

Hello,

I'm using Barrio as my base theme for my sub theme.

By default Barrio gives me this breakpoints

I wrote a custom template with a customtemplate_preprocess_image function.

In this function I have only $variables['uri'] at my disposal to load the same image but with a different image style. The uri is of this format: '/sites/default/files/styles/image_xs/public/2019-02/IMG_20181219_135712499_0.jpg?itok=1faUCioy'

If I now do this

I have a drupal site 8 th I use Twig to customize my pages.

I created 2 blocks view :

 - drupal_view('message_activity_stream_timeline_public', 'block_1') }}
 - drupal_view('message_activity_stream_timeline_private', 'block_1') }}

On my homepage, I want to put a switch that goes from block_1 to block_2 and vice versa.

When the switch is on the position PUBLIC it must display the block drupal_view('message_activity_stream_timeline_public', 'block_1') }}.

I want to show a custom content if current URL contain certain words. So far, I'm able to achieve this with the code below (works perfectly), if the path contain the word 'cart'. I want to be able to check for other words like 'blog', 'event' and 'news'. How do I go about this.

On my page I have several blocks, some have a class task-success and others have the class task-alert.

How to add a class task-alert to the menu if the class task-danger is present in the page ?

I managed to do this with the JS code below. But the class is added to the menu link only if I am on the page (the page containing the task-danger class). If I change pages, the class is not added to the menu link.