Web Development Fundamentals Quiz
9 Questions
13 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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?

  • <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?

  • <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?

    <p>b. .img-rounded (C)</p> Signup and view all the answers

    Which Bootstrap class should be used to create a navigation bar?

    <p>a. .navbar (A)</p> Signup and view all the answers

    Which CSS property is used to change the color of text?

    <p>c. color (A)</p> Signup and view all the answers

    Which class should be used to create a container that takes up the full width of the viewport?

    <p>.container-fluid (B)</p> Signup and view all the answers

    Which class should be used to create a column that takes up half of the grid on small devices?

    <p>.col-xs-6 (B)</p> Signup and view all the answers

    Which class should be used to create a row of columns that are centered horizontally within a container?

    <p>.justify-content-center (D)</p> Signup and view all the answers

    Flashcards

    Horizontal centering class

    The Bootstrap class used for horizontally centering content within a container is .mx-auto.

    Checkbox HTML

    The correct HTML for creating a checkbox is <input type='checkbox'>.

    HTML background color

    Setting a background color in HTML is done using <body style='background-color: red;'>.

    Rounded image border class

    The Bootstrap class used to create a rounded border on an image is .img-rounded.

    Signup and view all the flashcards

    Bootstrap navbar class

    The Bootstrap class for a navigation bar is .navbar.

    Signup and view all the flashcards

    Text color CSS property

    The CSS property to change text color is color.

    Signup and view all the flashcards

    Full-width container class

    The Bootstrap class for full viewport width containers is .container-fluid.

    Signup and view all the flashcards

    Half-width column class

    The Bootstrap class for a column taking half the grid width on small screens is .col-xs-6.

    Signup and view all the flashcards

    Centered row of columns

    To center a row of columns horizontally, use the .justify-content-center class.

    Signup and view all the flashcards

    Study Notes

    HTML and Bootstrap Classes

    • Use the class .text-center to 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 .rounded can 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-fluid creates a container that takes up the full width of the viewport.
    • Use the class .col-sm-6 to create a column that takes up half of the grid on small devices.
    • The class .justify-content-center is 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.

    Quiz Team

    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.

    More Like This

    Use Quizgecko on...
    Browser
    Browser