Topic: Basic linking question and orientation

scimitar01 premium asked 3 months ago


I just downloaded the MDB 5 Essential package and started testing it. I'm new to bootstrap and front-end coding in general so maybe my questions will be very basic.

In the 'index.html' welcome file, the referring lines of code to css and javascript are just:

'link rel="stylesheet" href="css/mdb.min.css" /'

and

'script type="text/javascript" src="js/mdb.min.js">

However in the folders there are a lot of other files. Do those references also link to all the other files and only with these two lines I can use all the features of bootstrap and mdb?

Also, when trying the grid system code for example I got the grid correctly placed but, differently from the examples, the background of the grid blocks wasn't blue and had no style at all. Is this normal, and how should I proceed if I want to for example add borders to all the grid blocks or different background colors? Also any place to find information of 'scss' features?

I think those are very basic question but would appreciate an answer, thank you very much.


Grzegorz Bujański staff answered 3 months ago


mdb.min.js and mdb.min.css are compiled source files. In the src folder you also have the source files that were used to create the compiled files. If you use the min files you will have all the features available.

The grid examples have been prepared so that you can see how applying the code in the snippet will set the elements.

The examples of the grid have been prepared so that the effect of using the grid can be seen. But we decided that in the code it makes no sense to add a background color because the user will want to use it to properly position his elements - e.g. photos

To add background color you can use our ready-made CSS classes: https://mdbootstrap.com/docs/standard/content-styles/colors/#subsection-background You can also create your own CSS class: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

For borders you can also use our ready-made CSS classes: https://mdbootstrap.com/docs/standard/utilities/borders/ Or create your own: https://developer.mozilla.org/en-US/docs/Web/CSS/border

what SCSS features do you mean? We are not extending SCSS capabilities - you can find everything about SCSS here: https://sass-lang.com/guide


scimitar01 premium commented 3 months ago

Thank you very much for your answer, it really helped. Regarding the SCSS features, I was wondering if SCSS integrates good with MDBootstrap and if there are already any pre-built SCSS features in it.

Thank you again.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: MacBook
  • Browser: Chrome
  • OS: macOS Monterey 15
  • Provided sample code: No
  • Provided link: No