By Samuli NatriDec. 16, 2015

Bootstrap #1 : Subtheme (CDN) (Drupal 8 Tutorial #8) (Article + Video)

How to install Bootstrap subtheme in Drupal 8 using a content delivery network (CDN). Note: in this tutorial I'm using development version of the basetheme.

Table of Contents


Note: When there is a stable release, use drush en bootstrap to get it. In this tutorial I will use the development version. Please test it out and post issues here:

  • Install the bootstrap basetheme:
drush dl --select bootstrap
  • Select the development version:

  • Enable the theme:
drush en bootstrap

Now you should see the theme in /themes:

  • Copy the CDN folder from the themes/bootstrap/starterkits folder..

  • ..and paste it in the /themes folder:

  • Change the cdn folder name to mytheme and all THEMENAME occurrences to mytheme. (change also the name: 'Mytheme (CDN)' and libraries THEMENAME inside the file
  • NOTE: rename THEMENAME.starterkit.yml as

mytheme can be any name.

  • Go to admin/appearance and enable the theme:

And there you have it:

In this dev version the blocks were missplaced.


  • Go to admin/appearance/settings/mytheme to change the theme settings. For example, in the Advanced section you can select Bootswatch themes:

The Paper theme looks like this:

Cerulean theme:

CSS Styles

  • Turn CSS caching off in admin/config/development/performance so you don't have to flush caches all the time:

  • Override the default styling in themes/mytheme/css/style.css:

h1 { color: red;}

Now you should see red main headers:

Flush caches if you are not seeing changes.

Samuli Natri is the founder of He started building Drupal sites in 2010 with Drupal 6. He attended Helsinki University and Helsinki University of Technology (Social Sciences and Computer Science). Read more...


No comments

Add new comment

This field is required.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.