Jekyll Themes & Templates Logo Jekyll Themes & Templates
Bootstrap 4 Github Pages screenshot

Bootstrap 4 Github Pages

Author Avatar Theme by Nicolas van
Updated: 8 Oct 2024
270 Stars

A Bootstrap 4 template project for Github Pages and Jekyll

Github Live Preview

Categories

Bootstrap Scss

Overview:

This product is a Bootstrap 4 template project specifically designed for use with Github Pages and Jekyll. It offers a full Bootstrap 4 theme that can be used both on Github Pages and as a standalone Jekyll theme. The project recompiles Bootstrap from SCSS files, allowing for customization of Bootstrap’s variables and the use of Bootstrap themes. It also provides full support for Bootstrap’s JavaScript plugins and all features of Github Pages and Jekyll. Detailed demonstration and documentation can be found on the website.

Features:

  • Bootstrap 4 Template: A full Bootstrap 4 theme that can be used on Github Pages and with Jekyll.
  • Customizable: Recompiles Bootstrap from SCSS files, enabling customization of Bootstrap’s variables and use of Bootstrap themes.
  • JavaScript Plugin Support: Provides full support for Bootstrap’s JavaScript plugins.
  • Github Pages and Jekyll Compatibility: Supports all features of Github Pages and Jekyll.

Installation:

To install the Bootstrap 4 Github Pages theme, follow these steps:

  1. Clone the Github repository to your local machine:

    git clone https://github.com/username/repository.git

  2. Navigate to the downloaded repository:

    cd repository

  3. Customize Bootstrap’s variables and themes by editing the SCSS files located in the /scss directory.

  4. Recompile Bootstrap by running the following command:

    npm run dist

  5. Start the Jekyll server to preview your changes:

    bundle exec jekyll serve

  6. Open your web browser and navigate to http://localhost:4000 to view the theme.

Summary:

The Bootstrap 4 Github Pages theme is a versatile and customizable template project that allows users to create Bootstrap-based websites compatible with Github Pages and Jekyll. By recompiling Bootstrap from SCSS files, users can easily customize Bootstrap’s variables and use Bootstrap themes. With full support for Bootstrap’s JavaScript plugins and all features of Github Pages and Jekyll, this theme offers a comprehensive solution for creating professional and visually appealing websites.