Bootstrap is one of the most popular digital (HTML, CSS and JS) frameworks used today. Because it makes front-end web development faster for any device and for projects of all sizes, many of the responsive mobile first applications you interact with daily were built on Bootstrap.
Join this tech talk to learn how to create a Bootstrap theme for Drupal 8. We’ll go through the process of creating a Bootstrap subtheme in Drupal 8, as well as how you can customize it to suit your site’s design.
The process will include:
– Structuring your sub-theme files
– Figuring out your mobile-first strategy
– Using Compass to compile CSS from SCSS
– Overriding Bootstrap variables & custom variables
– Twig template file customization
– Bootstrap options for Panels, Views, Display Suite
8 responses to “How to Create a Drupal 8 Theme Using Bootstrap”
very precise and clear concepts (y)
Nicely explained but for creating Drupal 8 themes using bootstrap framework, have a look at: https://www.cloudways.com/blog/create-responsive-drupal-theme-with-bootstrap/ I found it very useful and good source.
Last 10 minute was really helpful. There is always a dilemma in Drupal/Open source to figure which one is a right way to do a task. Thanks for clearing things up!!!
Excellent tutorial / explanation.
I learn a lot from it.
Thanks for all the work !!
I am using bootstrap powered Drupal theme builder TemplateToaster.
Thanks for the great video. I saw you used the helper module field group. This is currently being ported. Can i conclude that its current issues aren't severe enough for you? Or are you using workarounds?
This is super helpful. Thank you.
Hello please I install a theme (bootstrap) on my project (drupal 7) this theme contains pictures I want to delete these pictures and put my own pictures how?(If there is a video that explains that) Thanks