Intall bootsrap
- Open terminal on VS code or Server, then apt update
- apt install npm
- npm install bootstrap@5.3.2 (Link)
- restart service
We can't running SCSS in HTML, so we need to compile SCSS to CSS using SASS
- then continue to install sass compiler from VS Code extension marketplace
What is NPM ??
NPM is the world's largest Software Registry that contains over 800,000 code package (Open Source)
<link href="/node_modules/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
--------------------------------------------------------------------
Different between of CSS and SCSS
Difference Between CSS and SCSS
| Parameters | CSS | SCSS |
| Meaning and Definition | It is a scripting language- used for developing various web pages. | It is a more evolved and advanced version of the CSS language. It is a preprocessor type of language, and we need to compile or interrupt it into the CSS language. |
| Lines of Codes | CSS makes extensive use of lines of codes. | SCSS makes use of comparatively fewer lines in its codes. |
| Functions | CSS consists of various common features, and thus, it can perform some basic functions. | SCSS consists of more advanced features, and thus, it can perform more advanced functions. |
| Rules for Nesting | A regular CSS language does not assign various nested rules. | The SCSS language promotes rules that are properly nested. |
| Design | CSS is a styling language that lets users create, design, and style various web pages. | SCSS is a special file type in a SASS program that one needs to write in the Ruby language. |
| Languages Used | We generally use CSS in the JavaScript and HTML languages. | We generally use the SCSS in the Ruby language.
|
------------------------------------------------------------------------
