Bootstrap folder structure - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Identify the main Bootstrap CSS folder

In a typical Bootstrap project folder structure, which folder usually contains the compiled CSS files?

A img

B js

C css

D fonts

💡 Hint

Think about where stylesheets are stored in web projects.

The 'css' folder holds all the compiled CSS files like bootstrap.min.css that style the webpage.

🧠 Conceptual

intermediate

Where are Bootstrap JavaScript files stored?

In the Bootstrap folder structure, which folder typically contains the JavaScript files that add interactive features?

A css

B js

C assets

D scss

💡 Hint

JavaScript files usually go into a folder named after the language.

The 'js' folder contains JavaScript files like bootstrap.bundle.min.js that enable interactive components.

📝 Syntax

advanced

Correct Bootstrap SCSS folder usage

Which folder in Bootstrap's folder structure contains the source SCSS files for customization?

A dist

B css

C js

D scss

💡 Hint

SCSS files are source files used before compiling CSS.

The 'scss' folder contains source SCSS files that developers can customize before compiling to CSS.

❓ layout

advanced

Bootstrap folder for images and fonts

In a Bootstrap project, where should you place custom images and fonts to keep the structure organized?

A img and fonts folders respectively

B css folder for both

C js folder for images and fonts

D root folder only

💡 Hint

Think about separating images and fonts into their own folders.

Images go into an 'img' folder and fonts into a 'fonts' folder to keep assets organized.

❓ accessibility

expert

Organizing accessibility files in Bootstrap projects

If you want to add accessibility-related documentation or scripts in a Bootstrap project, which folder is best suited for these files?

A docs folder

B css folder

C scss folder

D js folder

💡 Hint

Documentation and extra info usually go into a special folder.

The 'docs' folder is used for documentation and related files, including accessibility guides or scripts.