Front-end development documentation for v0.1.0 of learning management system.

Bootstrap 5.2

<aside> 💡 This is the front-end markup and styling framework used to build UI components.

</aside>

Installation: https://getbootstrap.com/

Documentation: https://getbootstrap.com/docs/5.2/getting-started/introduction/

Examples: https://getbootstrap.com/docs/5.2/examples/

GitHub: https://github.com/twbs

Local Build

The current dist directory contains the static assets needed to build the site. The image and html files are added to this directory manually, while the CSS and JS are compiled using build scripts.

Untitled

CSS

bootstrap.min.css is the compiled stylesheet currently in use.

Images

current media location

JS

compiled JS (not in use)

The html pages are not setup to generate during build commands. These are the master copies. Note: currently using the Bootstrap JS CDN link in the templates.

<!-- JavaScript Bundle with Popper -->
<script src="<https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js>" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>

SCSS

The stylesheet resource documents. This version of bootstrap has some custom styles applied to it by changing the css variable colors and adding a theme* layer to customize components.

<aside> 💡 The following are examples and not intended as source reference. Some code has been excluded.

</aside>