Build Edge-to-edge Sites using Paragraphs in Drupal 8

Over the last couple of years edge-to-edge, or fluid looking websites, have become popular. You just have to look at a few digital agency websites and you'll notice the common pattern.

With this design, the page is broken out into separate components. A component could be something as simple as a single text field, or something complex like an image gallery. You may also see scrolling animation on these components. As a user scrolls the text could zoom in from the right and an image could fade in from the left.

How would you build this type of website in Drupal?

Let me introduce you to Paragraphs.

The module allows you to build Paragraph types which an editor can then add to a page using a Paragraph field.

On a decent size website, you could have a few paragraph types: one for entering in text and another to display content in a grid, or another which displays a video.

In this course, you'll learn how to create a Paragraphs powered site using Drupal 8 and Bootstrap.

Course Outline


In the introduction section, you'll learn about the Paragraphs module and what you'll learn in the whole course.

Getting Started

In this section, we'll learn about the required modules, create a landing page content type and a Bootstrap sub-theme.

Text Paragraph

In this section, we'll create our first paragraph type called Text.

Paragraph Field

In this section, you'll learn about the Paragraph field and how to customize the field widget. Then in the last video, we'll create a text paragraph item.

Display Paragraphs Edge-to-edge

When it comes to displaying paragraphs edge-to-edge, most if not all of the magic happens in the template. In the section, we'll customize the Bootstrap theme to handle a dynamic container.

Your Instructor

Ivan Zugec
Ivan Zugec

Ivan is the founder of WebWash and spends most of his time consulting and writing about Drupal. He's been working with Drupal for 9 years and has successfully completed several large Drupal projects in Australia.

Class Curriculum

  Text Paragraph Type
Available in days
days after you enroll

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
What currency is the course price?
This course is sold in USD - US dollars.