0
0
Bootsrapmarkup~5 mins

First Bootstrap page - Cheat Sheet & Quick Revision

Choose your learning style9 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf
Recall & Review
beginner
What is Bootstrap?
Bootstrap is a free, open-source toolkit for building responsive and mobile-first websites using HTML, CSS, and JavaScript components.
Click to reveal answer
beginner
Which HTML element is used to include Bootstrap CSS in your page?
The <link> element inside the <head> section is used to include Bootstrap CSS.
Click to reveal answer
beginner
What is the purpose of the <code>container</code> class in Bootstrap?
The <code>container</code> class centers your content and adds horizontal padding to keep content aligned and responsive on different screen sizes.
Click to reveal answer
beginner
How do you make a button styled by Bootstrap?
Add the class <code>btn</code> and a style class like <code>btn-primary</code> to a <code>&lt;button&gt;</code> or <code>&lt;a&gt;</code> element.
Click to reveal answer
beginner
Why do we include the meta viewport tag in a Bootstrap page?
The meta viewport tag ensures the page scales correctly on mobile devices, making the layout responsive and readable.
Click to reveal answer
Which tag is used to add Bootstrap's CSS file to your HTML page?
A<style>
B<link>
C<script>
D<meta>
What class do you add to a div to create a responsive container in Bootstrap?
Abox
Bwrapper
Ccontainer
Dcontent
Which Bootstrap class styles a button with a blue background by default?
Abtn-primary
Bbtn-danger
Cbtn-success
Dbtn-warning
Why is the tag important?
AIt links to external CSS
BIt adds a background color
CIt loads Bootstrap JavaScript
DIt makes the page responsive on mobile devices
Where should you place the Bootstrap JavaScript bundle script tag?
AAt the end of the <body> section
BInside a <style> tag
CBefore the <html> tag
DInside the <head> section
Describe the basic structure of a first Bootstrap page including essential tags and classes.
Think about what you need to start a responsive page with Bootstrap.
You got /6 concepts.
    Explain why responsiveness is important and how Bootstrap helps achieve it in your first page.
    Imagine viewing your page on a phone versus a desktop.
    You got /4 concepts.