Display Paragraphs Edge-to-edge using Bootstrap in Drupal 8 скачать в хорошем качестве

Display Paragraphs Edge-to-edge using Bootstrap in Drupal 8

By: Ivan Zugec http://webwash.net |   / webwashnet   Read tutorial at http://www.webwash.net/node/262 Last two tutorial: Build Edge-to-edge Sites using Paragraphs Module in Drupal 8 (http://www.webwash.net/node/259) How to Create Powerful Container Paragraphs in Drupal 8 (http://www.webwash.net/node/260) Modules and Theme: Paragraphs (https://www.drupal.org/project/paragr...) Entity Reference Revisions (https://www.drupal.org/project/entity...) Bootstrap (https://www.drupal.org/project/bootstrap) So far I’ve introduced you to the Paragraphs module where we created a basic paragraph type which allows you to display content as movable components. Then we looked at how to create container paragraphs, and this time we created a Banner which let us display nested paragraph items. By now you should have a basic understanding of why you should use Paragraphs and how to use the module. Today I want to teach you how to display paragraphs edge-to-edge using Bootstrap as the theme. We’ll use the Banner paragraph, which we created in the last tutorial, to display an image full width but have the nested paragraphs centered. We'll use Bootstrap to streamline the build but we'll need to change how the container (http://getbootstrap.com/css/#overview...) class is used in the page template. For people who don't know, the container is used to wrap the site content and "contain" any grids within it. In other words, it simply centers the content. Any content outside of the container goes edge-to-edge. So to style everything, we'll need the Banner paragraph type to be outside of the container and then have the container on any nested paragraph items. This is where most of the complexity lays in building this type of site. Controlling where the container gets added or removed can be tricky in Drupal. For simplicity, we'll assume all paragraphs (except nested ones) will be displayed at full width. Things start to get complicated when you want to display a paragraph edge-to-edge as well as in a sidebar. So for simplicity all paragraphs will go edge-to-edge.