Podcast
Questions and Answers
Which class should be used to center the content horizontally inside a container?
Which class should be used to center the content horizontally inside a container?
- .center-horizontally
- .mx-auto (correct)
- .centered
- .horizontal-center
What is the correct HTML for creating a checkbox?
What is the correct HTML for creating a checkbox?
- <input type='text'>
- <input checkbox>
- <input type='checkbox'> (correct)
- <checkbox>
Which of the following is the correct way to set a background color in HTML?
Which of the following is the correct way to set a background color in HTML?
- <background='red'>
- <body style='background-color: red;'> (correct)
- <bg-color='red'>
- <body style='bg-color: red;'>
Which class should be used to add a rounded border to an image?
Which class should be used to add a rounded border to an image?
Which Bootstrap class should be used to create a navigation bar?
Which Bootstrap class should be used to create a navigation bar?
Which CSS property is used to change the color of text?
Which CSS property is used to change the color of text?
Which class should be used to create a container that takes up the full width of the viewport?
Which class should be used to create a container that takes up the full width of the viewport?
Which class should be used to create a column that takes up half of the grid on small devices?
Which class should be used to create a column that takes up half of the grid on small devices?
Which class should be used to create a row of columns that are centered horizontally within a container?
Which class should be used to create a row of columns that are centered horizontally within a container?
Flashcards
Horizontal centering class
Horizontal centering class
The Bootstrap class used for horizontally centering content within a container is .mx-auto.
Checkbox HTML
Checkbox HTML
The correct HTML for creating a checkbox is <input type='checkbox'>.
HTML background color
HTML background color
Setting a background color in HTML is done using <body style='background-color: red;'>.
Rounded image border class
Rounded image border class
Signup and view all the flashcards
Bootstrap navbar class
Bootstrap navbar class
Signup and view all the flashcards
Text color CSS property
Text color CSS property
Signup and view all the flashcards
Full-width container class
Full-width container class
Signup and view all the flashcards
Half-width column class
Half-width column class
Signup and view all the flashcards
Centered row of columns
Centered row of columns
Signup and view all the flashcards
Study Notes
HTML and Bootstrap Classes
- Use the class
.text-centerto center content horizontally inside a container. - The correct HTML for creating a checkbox is
<input type="checkbox">. - To set a background color in HTML, inline style can be used:
<div style="background-color: #color;">. - The class
.roundedcan be used to add a rounded border to an image in Bootstrap. - Create a navigation bar in Bootstrap using the class
.navbar.
CSS Properties
- Change the color of text using the CSS property
color.
Bootstrap Grid System
- The class
.container-fluidcreates a container that takes up the full width of the viewport. - Use the class
.col-sm-6to create a column that takes up half of the grid on small devices. - The class
.justify-content-centeris used to center a row of columns horizontally within a container.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Description
Test your knowledge of web development with these quick and simple questions. Learn about centering content horizontally in containers and creating checkboxes in HTML. Challenge yourself with these fundamental concepts and improve your skills.
