0
0
Bootsrapmarkup~5 mins

Importing Bootstrap in projects - Cheat Sheet & Quick Revision

Choose your learning style9 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf
Recall & Review
beginner
What is Bootstrap?
Bootstrap is a popular CSS framework that helps you quickly design and customize responsive websites with ready-to-use styles and components.
Click to reveal answer
beginner
How can you include Bootstrap in your project using a CDN?
You add a <link> tag in the <head> of your HTML that points to Bootstrap's CSS file hosted online. For example: <br><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
Click to reveal answer
beginner
What is the advantage of using Bootstrap via CDN?
Using a CDN means you don't have to download Bootstrap files yourself. The files load fast from servers worldwide, and if a visitor already has the files cached from another site, your site loads even faster.
Click to reveal answer
beginner
How do you import Bootstrap JavaScript functionality?
You add a <script> tag before the closing </body> tag that links to Bootstrap's JavaScript bundle. For example: <br><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
Click to reveal answer
intermediate
What is a common way to install Bootstrap for local development?
You can use a package manager like npm by running <code>npm install bootstrap</code>. Then you import Bootstrap CSS and JS files into your project files to customize or bundle them.
Click to reveal answer
Which HTML tag is used to include Bootstrap CSS from a CDN?
A&lt;link&gt;
B&lt;script&gt;
C&lt;style&gt;
D&lt;import&gt;
Where should you place the Bootstrap JavaScript <script> tag in your HTML?
AInside the &lt;head&gt; tag
BAt the very top of the HTML file
CInside a &lt;style&gt; tag
DBefore the closing &lt;/body&gt; tag
What is one benefit of using Bootstrap via CDN?
AYou must download files manually
BFiles load slower from your server
CVisitors may already have files cached
DYou cannot customize Bootstrap
Which command installs Bootstrap locally using npm?
Anpm install bootstrap
Bnpm get bootstrap
Cnpm add bootstrap
Dnpm download bootstrap
To use Bootstrap's JavaScript components, which file do you include?
Abootstrap.min.css
Bbootstrap.bundle.min.js
Cbootstrap.js
Dbootstrap.min.css.map
Explain how to add Bootstrap to a simple HTML project using a CDN.
Think about where CSS and JS files go in HTML.
You got /3 concepts.
    Describe the difference between importing Bootstrap via CDN and installing it locally.
    Consider speed, control, and customization.
    You got /4 concepts.