Skip to content

A template page using Bootstrap5 and Sass (SCSS), with PHP Composer as dependency manager.

License

Notifications You must be signed in to change notification settings

Amarok24/template_bootstrap5_sass_php

Repository files navigation

Template: Bootstrap 5 / Sass (SCSS) / PHP

An optimized starter template for Bootstrap 5.3 and Sass (SCSS). Composer (PHP) is used as dependency manager for Bootstrap. A Sass compiler is not included, I recommend Dart Sass, then you can use both sass_watch.sh and sass_compress.sh shell scripts.

Online demo here

  • Tested on different desktop browsers and on Google Android and Apple iOS devices
  • Optimized for accesibility (page readers)
  • Accessible via keyboard: use "ESC" to open the navigation, "TAB" to switch between sections, "ENTER" for action
  • Optimized for fast loading
  • PageSpeed Insights results: mobile 94%, desktop 99%
  • Basic setup for switching between light/dark mode included (new approach since BS 5.3)

Use as a project

Click the "Use this template" button on the GitHub page to create your own copy directly on GitHub.

Clone with Git

Be sure you have Git and Composer installed. Run:

git clone https://github.com/Amarok24/template_bootstrap5_sass_php.git

Then enter the automatically created directory and run:

composer install

to install all dependencies (Bootstrap).

Older project (Bootstrap 5.1 and NodeJS)

There is also an older version of this project at GitHub which uses Bootstrap 5.1 and NPM as package manager.

About

A template page using Bootstrap5 and Sass (SCSS), with PHP Composer as dependency manager.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published