How to Drupal- Installing Bootstrap Theme

Themes allow you to change the look and feel of your Drupal site. You can use themes contributed by others or create your own to share with the community. Contributed themes are not part of any official release and may not have optimized code/functionality for your purposes. In this guide, we are going to install Bootstrap Theme and make to default site theme. Bootstrap is compatible with the latest versions of the Google Chrome, Firefox, Internet Explorer, Opera, and Safari browsers.

To learn this tutorial, you’ve to install drupal 8 to your computer. Check our guide to installing drupal using Xampp.

This tutorial includes 2 main steps:

1.Download Bootstrap Theme.
2.Install Bootstrap theme and default.

 

1.Download Bootstrap Theme.

Download Bootstrap theme from https://www.drupal.org/project/bootstrap.

Installing Bootstrap Theme

 

Download the whether tar.gz or zip theme file corresponding to your drupal version.

Installing Bootstrap Theme

 

2.Install Bootstrap theme and default.

Go to your Appearance tab from drupal Administration menu. You can find your current theme in this window. To add the bootstrap theme, click on +Install new theme.

Installing Bootstrap Theme

 

On Install new theme window, choose the downloaded bootstrap theme file from your computer and click Install.

Installing Bootstrap Theme

 

Drupal will start theme installation.

Installing Bootstrap Theme

 

Once you finished the installation, click on Install newly added themes to make the theme active.

Installing Bootstrap Theme

 

On appearance window, locate uninstalled themes ( actually inactive themes) from the bottom of the page and select install and set as default.

Installing Bootstrap Theme

 

Done! you’ve successfully installed the bootstrap theme. Once the theme is active and becomes the default, go to your page to see the new theme.

Installing Bootstrap Theme

 

The bootstrap theme helps you to create awesome and responsive websites and web applications. It comes with HTML, CSS, and Javascript already built in, which you can customize to your heart’s content.

 

Installing Bootstrap Theme

Anwar Yakkiparamban

Anwar Yakkiparamban is the founder of Lauyou Learning. Prior to Lauyou learning, Anwar worked at ARD Engineering & Development, Qatar. He holds bachelor degree in Electronics and Communication Engineering from Govt. Engineering College Idukki.

You may also like...