Just because we have added a library to our theme, it does not mean that it will automatically be added to our website. For us to add Bootstrap to our theme, we need to include it in our twiggy.info.yml configuration file.
We can add Bootstrap by following these steps:
- Open twiggy.info.yml.
- Replace the global libraries reference with the one for Bootstrap as follows:
libraries: - twiggy/bootstrap
- Save twiggy.info.yml.
Make sure to clear Drupal's cache to allow our changes to be added to the Theme registry. Finally, navigate to our home page and refresh the browser so that we can preview our changes:
If we inspect HTML using Chrome's Developer Tools, we should see that the Twitter Bootstrap library is being included along with the rest of our files. Both the CSS and JS files are loaded into the proper row of our document:
