https://github.com/amarok24/template_bootstrap5_sass_php

A template page using Bootstrap5 and Sass (SCSS), with PHP Composer as dependency manager.
https://github.com/amarok24/template_bootstrap5_sass_php

bootstrap5 composer php sass scss template

Last synced: about 13 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/amarok24/template_bootstrap5_sass_php
• Owner: Amarok24
• License: unlicense
• Created: 2023-02-02T09:19:39.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-07T15:11:25.000Z (almost 1 year ago)
• Last Synced: 2023-11-07T16:29:19.718Z (almost 1 year ago)
• Topics: bootstrap5, composer, php, sass, scss, template
• Language: SCSS
• Homepage: https://app.introweb.eu/bootstrap-template/
• Size: 4.13 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://github.com/sass/dart-sass/releases), then you can

use both `sass_watch.sh` and `sass_compress.sh` shell scripts.

Online demo [here](https://app.introweb.eu/bootstrap-template/)

- 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](https://developers.google.com/speed/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:

```sh

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

```

Then enter the automatically created directory and run:

```sh

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](https://github.com/Amarok24/template-bootstrap-sass) which uses Bootstrap

5.1 and NPM as package manager.