Drupal 8 Theming - Part 16 - Working With CSS Frameworks

Dec 04, 2015

In this episode of Drupal 8 Theming we are going to do some actual theming using Zurb Foundation framework.

To use any kind of CSS framework, something like Bootstrap or in our case [Foundation](http://foundation.zurb.com/) we have to be able to control output of our HTML, and specifically CSS classes that are applied on that HTML output. Because almost all of those frameworks depend on those CSS classes to work as expected.

In this video I'm going to show you how you can add CSS classes to your output in your templates by using *addClass()* function on your attributes. I'm also going to show you how you can add custom CSS classes to your Views output.

Code used in this tutorial


Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.