What is it and how to use Sass and Npm in Bootstrap 4?

Asked

Viewed 309 times

2

I’m learning to use bootstrap and these words came up and I’d like to understand what they are and how to use them.

1 answer

1

Sass (Syntactically Awesome Stylesheets) - It is an extension of CSS. A CSS preprocessor. It’s actually basically a "language" that is transliterated in CSS. You can read in detail here: Sass - Ference

The advantage of using SASS is that it adds elements of programming that do not exist in CSS, such as the use of variables and Procedures (called MIXINS). With this, SASS organizes CSS in a procedural way.

NPM (Node Package Manager) - It is a Packages distribution utility. Similar to Nuget (.NET) and Mavem (Java). See a better description here: What is NPM and Node?

NPM today is the most used utility (today in 2018) for distribution and maintenance of packages in WEB development.

Now how this is related to Bootstrap4?

Bootstrap is a CSS framework. In previous versions LESS (equivalent to SASS) was used as a CSS preprocessor. SASS is less complex than LESS (see a reference here: SASS vs LESS) then was chosen as standard.

One of the ways to integrate Bootstrap4 into your project is to use NPM. This greatly simplifies the development process.

If you want to know more about the news of Bootstrap 4 I recommend this article: Bootstrap: Changes to v4

  • @Marceloboni Thanks for the corrections. My keyboard is French Canada. I don’t have ~. To accentuate I have to use the ALT+198 =ã and Alt+228=õ conbinations, which sometimes passes beaten.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.