Bootstrap And Susy Quiz

Reviewed by Editorial Team
The ProProfs editorial team is comprised of experienced subject matter experts. They've collectively created over 10,000 quizzes and lessons, serving over 100 million users. Our team includes in-house content moderators and subject matter experts, as well as a global network of rigorously trained contributors. All adhere to our comprehensive editorial guidelines, ensuring the delivery of high-quality content.
Learn about Our Editorial Process
| By Avril_babe
A
Avril_babe
Community Contributor
Quizzes Created: 1 | Total Attempts: 110
| Attempts: 110 | Questions: 15
Please wait...
Question 1 / 15
0 %
0/100
Score 0/100
1. The Bootstrap grid system is based on how many columns?

Explanation

The Bootstrap grid system is based on 12 columns. This means that the layout of a webpage can be divided into 12 equal parts, allowing for flexible and responsive design. Each column can be assigned a specific width, and multiple columns can be combined to create different layouts. The use of a 12-column grid system provides a balance between flexibility and simplicity, making it easier to create and maintain responsive designs.

Submit
Please wait...
About This Quiz
Bootstrap And Susy Quiz - Quiz

This quiz tests knowledge on Bootstrap and Susy, focusing on grid systems, container styles, and framework specifics. It assesses understanding of 12-column layouts in Bootstrap and the flexibility of Susy, enhancing skills in responsive web design.

Tell us your name to personalize your report, certificate & get on the leaderboard!
2. What is Susy?

Explanation

Susy is a Sass-based grid framework that allows developers to easily create responsive grid layouts for their websites. It provides a flexible and customizable grid system with support for different column configurations. By using Susy, developers can efficiently design and organize the layout of their web pages, making them responsive and visually appealing.

Submit
3. You must use ____ to use Susy

Explanation

To use Susy, one must use SASS. Susy is a grid framework that is specifically designed to work with SASS, which is a CSS preprocessor. SASS allows for the use of variables, mixins, and other advanced features that make it easier to create and maintain complex CSS stylesheets. By using SASS, developers can leverage the power of Susy to create responsive grid layouts more efficiently.

Submit
4. Which one has pre-existing components?

Explanation

Bootstrap has pre-existing components.

Submit
5. Bootstrap is a back-end web framework

Explanation

Bootstrap is not a back-end web framework, but rather a front-end web framework. It is used for designing and developing responsive and mobile-first websites. It provides pre-built CSS and JavaScript components that can be easily integrated into web projects, making it easier to create visually appealing and user-friendly interfaces.

Submit
6. Who created Bootstrap?

Explanation

Mark Otto and Jacob Thornton are the creators of Bootstrap. They developed Bootstrap as a framework to help streamline the process of building responsive and mobile-first websites. The framework provides a collection of CSS and JavaScript components that can be easily implemented to create a visually appealing and functional website. Mark Otto and Jacob Thornton's collaboration resulted in the creation of Bootstrap, which has become one of the most popular front-end development frameworks in the industry.

Submit
7. Which file is Susy written in?

Explanation

Susy is a grid framework for Sass, a CSS preprocessor language. SCSS is a file extension for Sass files, indicating that the code is written in the SCSS syntax, which is a superset of CSS. Therefore, Susy is written in SCSS, as it is specifically designed to work with Sass and take advantage of its features.

Submit
8. Who created Susy?

Explanation

Eric Suzanne is the creator of Susy.

Submit
9. If you want to have 3 equal columns in Bootstrap, which class would you use?

Explanation

To have 3 equal columns in Bootstrap, the class "col-md-4" would be used. This class divides the available space into 12 equal parts, and by assigning "col-md-4" to each column, it ensures that each column occupies 4 parts, resulting in 3 equal columns.

Submit
10. How would you make a full width container in Bootstrap?

Explanation

To create a full-width container in Bootstrap, the correct class to use is "container-fluid". This class ensures that the container spans the entire width of the viewport, making it suitable for creating responsive layouts that fill the entire screen. The other options provided ("container-full", "container-width", "container-fw") are not valid Bootstrap classes and would not achieve the desired result.

Submit
11. In Bootstrap, rows must be placed within...

Explanation

In Bootstrap, rows must be placed within containers. Containers provide a fixed width for the content and center it horizontally on the page. They ensure that the content is properly aligned and displayed within a consistent layout. By placing rows within containers, the content can be organized into a grid system and responsive design can be easily implemented.

Submit
12. In Bootstrap, content must be placed within...

Explanation

In Bootstrap, content must be placed within columns. Columns are used to divide the horizontal space within a row and allow for a responsive layout. By placing content within columns, it ensures that the content will be properly organized and displayed on different screen sizes.

Submit
13. The Susy grid framework is based on how many columns?

Explanation

The Susy grid framework does not have a predefined number of columns. It allows the user to define the number of columns based on their specific needs and requirements. This flexibility allows for greater customization and adaptability in creating responsive layouts.

Submit
14. How do you import Susy in your SCSS file?

Explanation

The correct way to import Susy in an SCSS file is by using the "@import" rule followed by the path to the Susy file. In this case, the correct answer is "@import 'susy';".

Submit
15. What was Bootstrap originally named?

Explanation

Bootstrap was originally named "Twitter Blueprint" because it was developed by a team of Twitter employees as an internal tool. However, it was later released as an open-source project under the name "Bootstrap" and gained popularity as a front-end framework for web development.

Submit
View My Results

Quiz Review Timeline (Updated): Jul 16, 2024 +

Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.

  • Current Version
  • Jul 16, 2024
    Quiz Edited by
    ProProfs Editorial Team
  • Nov 08, 2016
    Quiz Created by
    Avril_babe
Cancel
  • All
    All (15)
  • Unanswered
    Unanswered ()
  • Answered
    Answered ()
The Bootstrap grid system is based on how many columns?
What is Susy?
You must use ____ to use Susy
Which one has pre-existing components?
Bootstrap is a back-end web framework
Who created Bootstrap?
Which file is Susy written in?
Who created Susy?
If you want to have 3 equal columns in Bootstrap, which class would...
How would you make a full width container in Bootstrap?
In Bootstrap, rows must be placed within...
In Bootstrap, content must be placed within...
The Susy grid framework is based on how many columns?
How do you import Susy in your SCSS file?
What was Bootstrap originally named?
Alert!

Advertisement