Basic linking question and orientation

Topic: Basic linking question and orientation

scimitar01 premium asked 2 years 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.

Add comment

Grzegorz Bujański staff answered 2 years ago

1 0 Best answer

<code>mdb.min.js</code> and <code>mdb.min.css</code> 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:
<a href="https://mdbootstrap.com/docs/standard/content-styles/colors/#subsection-background" target="_blank">https://mdbootstrap.com/docs/standard/content-styles/colors/#subsection-background</a>
You can also create your own CSS class: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-color" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/background-color</a>

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

what SCSS features do you mean? We are not extending SCSS capabilities - you can find everything about SCSS here: <a href="https://sass-lang.com/guide" target="_blank" rel="nofollow">https://sass-lang.com/guide</a>

Please insert min. 20 characters.

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 2 years 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.

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: 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

scimitar01

Premium support 0Support score
3Questions 0Answers 0Snippets