Bootstrap And Susy Quiz

1.

The Bootstrap grid system is based on how many columns?
- A.
  
  6
- B.
  
  12
- C.
  
  9
- D.
  
  14
Correct Answer
B. 12

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.

Rate this question:
2.

What is Susy?
- A.
  
  Sass-based grid framework
- B.
  
  12 column grid system
- C.
  
  JavaScript Extension
- D.
  
  HTML Extension
Correct Answer
A. Sass-based grid framework

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.

Rate this question:
3.

In Bootstrap, content must be placed within...
- A.
  
  Rows
- B.
  
  Containers
- C.
  
  Columns
Correct Answer
C. Columns

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.

Rate this question:
4.

The Susy grid framework is based on how many columns?
- A.
  
  12
- B.
  
  10
- C.
  
  16
- D.
  
  The grid is not predefined
Correct Answer
D. The grid is not predefined

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.

Rate this question:
5.

How would you make a full width container in Bootstrap?
- A.
  
  Container-full
- B.
  
  Container-fluid
- C.
  
  Container-width
- D.
  
  Container-fw
Correct Answer
B. Container-fluid

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.

Rate this question:
6.

Which file is Susy written in?
- A.
  
  HTML
- B.
  
  CSS
- C.
  
  SCSS
- D.
  
  JS
Correct Answer
C. SCSS

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.

Rate this question:
7.

If you want to have 3 equal columns in Bootstrap, which class would you use?
- A.
  
  Col-md-3
- B.
  
  Col-md-4
- C.
  
  Col-md-7
- D.
  
  Col-md-12
Correct Answer
B. Col-md-4

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.

Rate this question:
8.

Who created Susy?
- A.
  
  Eric Suzanne
- B.
  
  Mark Otto
- C.
  
  Jacob Thornton
- D.
  
  Bill Gates
Correct Answer
A. Eric Suzanne

Explanation
Eric Suzanne is the creator of Susy.

Rate this question:
9.

What was Bootstrap originally named?
- A.
  
  Twitter Blueprint
- B.
  
  Bootstrap Blueprint
- C.
  
  Twitter Bootstrap
- D.
  
  Blueprint Bootstrap Twitter
Correct Answer
A. Twitter Blueprint

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.

Rate this question:
10.

How do you import Susy in your SCSS file?
- A.
  
  @import "susy";
- B.
  
  < link href=”css/susy” rel=”stylesheet” >
- C.
  
  $susy-import;
- D.
  
  @stylesheet => susy;
Correct Answer
A. @import "susy";

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';".

Rate this question:
11.

Who created Bootstrap?
- A.
  
  Jacob Otto & Eric Suzanne
- B.
  
  Jacob Thornton & Anna Otto
- C.
  
  Mark Otto & Jacob Thornton
- D.
  
  Mark Otto & Anna Otto
Correct Answer
C. Mark Otto & Jacob Thornton

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.

Rate this question:
12.

Which one has pre-existing components?
- A.
  
  Bootstrap
- B.
  
  Susy
Correct Answer
A. Bootstrap

Explanation
Bootstrap has pre-existing components.

Rate this question:
13.

Bootstrap is a back-end web framework
- A.
  
  True
- B.
  
  False
Correct Answer
B. False

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.

Rate this question:
14.

In Bootstrap, rows must be placed within...
- A.
  
  Columns
- B.
  
  Containers
- C.
  
  Sections
Correct Answer
B. Containers

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.

Rate this question:
15.

You must use ____ to use Susy
- A.
  
  HTML
- B.
  
  CSS
- C.
  
  LESS
- D.
  
  SASS
Correct Answer
D. SASS

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.

Rate this question:

Bootstrap And Susy Quiz

The Bootstrap grid system is based on how many columns?

What is Susy?

In Bootstrap, content must be placed within...

The Susy grid framework is based on how many columns?

How would you make a full width container in Bootstrap?

Which file is Susy written in?

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

Who created Susy?

What was Bootstrap originally named?

How do you import Susy in your SCSS file?

Who created Bootstrap?

Which one has pre-existing components?

Bootstrap is a back-end web framework

In Bootstrap, rows must be placed within...

You must use ____ to use Susy