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
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.
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>
bootstrap.scss
_variables.scss
_bb-styles.scss