Top 35 Bulma Multiple Choice Questions (MCQs) with Answers

1 .

BULMA is ____framework.

A)

JavaScript

B)

CSS

C)

PHP

D)

Python

Correct Answer : CSS

Explanation : Bulma the modern CSS framework : Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

2 .

Who developed Bulma?

A)

Jeremy Thomas

B)

Tim Berners-Lee

C)

Robert Cailliau

D)

Linus Torvalds

Correct Answer : Jeremy Thomas

Explanation : Jeremy Thomas developed Bulma CSS Framework.

3 .

Bulma framework was introduced in which year?

A)

2003

B)

2009

C)

2012

D)

2016

Correct Answer : 2016

Explanation : Bulma was published in the year 2016 and distributed under MIT license. The version of Bulma is 0.7.1, was released on April 18, 2018.

4 .

Is the BULMA framework frontend or backend?

A)

Frontend

B)

Backend

C)

Databases

D)

None of the above

Correct Answer : Frontend

Explanation : BULMA is a modern CSS framework which is extensively used to design the frontend components.

5 .

Bulma framework is open-source?

A)

Yes

B)

No

C)

Can Not Say

D)

None of the above

Correct Answer : Yes

6 .

navbar-start appears on ____side of the menu?

A)

Right

B)

Left

C)

Center

D)

None of the above

Correct Answer : Left

Explanation : navbar-start appears on left side of the menu.

7 .

navbar-end appears on ____side of the menu?

A)

Right

B)

Left

C)

Center

D)

None of the above

Correct Answer : Right

Explanation : navbar-end appears on right side of the menu.

8 .

Is BULMA and bootstrap similar?

A)

Yes

B)

No

C)

Can Not Say

D)

None of the above

Correct Answer : Yes

Explanation : Bulma and Bootstrap are CSS frameworks that allow developers to easily create web interfaces.

9 .

Bulma framework is based upon?

A)

Div

B)

Components

C)

Flexbox

D)

All of the above

Correct Answer : Flexbox

Explanation : Bulma framework is based upon Flexbox.

10 .

Can you build responsive websites with Bulma?

A)

Yes

B)

No

C)

Can Not Say

D)

None of the above

Correct Answer : Yes

Explanation : Bulma is 100 percent responsive.

11 .

Which of the following is a hamburger icon, that toggles navbar menu on small devices?

A)

navbar-menu

B)

navbar-burger

C)

navbar-brand

D)

None of the above

Correct Answer : navbar-burger

Explanation : navbar-burger is a hamburger icon, that toggles navbar menu on small devices.

12 .

Which of the following company uses Bulma?

A)

IBM

B)

Twitter

C)

D)

All of the above

Correct Answer : LinkedIn

Explanation : LinkedIn, opinion Lab uses Bulma.

13 .

Bulma offers little labels known as ____to display additional information?

A)

pre

B)

tags

C)

textarea

D)

namespace

Correct Answer : tags

Explanation : Bulma offers little labels known as tags to display additional information.

14 .

Which of the following is a bottom part of the table?

A)

<tf>

B)

<foot>

C)

<tfoot>

D)

None of the above

Correct Answer : <tfoot>

Explaination : <tfoot> is a bottom part of the table.

15 .

How many types of dimensions to display the images does Bulma provides?

A)

4

B)

5

C)

6

D)

7

Correct Answer : 7

Explanation : Bulma provides 7 types of dimensions to display the images :

* is-16x16
* is-24x24
* is-32x32
* is-48x48
* is-64x64
* is-96x96
* is-128x128

16 .

Can you combine Bulma with any other JavaScript framework?

A)

Yes

B)

No

C)

Can Not Say

D)

None of the above

Correct Answer : Yes

Explanation : Bulma is a pure CSS framework that can be used with any JavaScript framework such as AngularJS, ReactJS, and so on.

17 .

Which is more popular Bulma, Bootstrap or Materialize css?

A)

Bulma

B)

Materialize css

C)

Bootstrap

D)

None of the above

Correct Answer : Bootstrap

Explanation : Bootstrap is more popular than Bulma and Materialize css.

18 .

How many font sizes are available in Bulma?

A)

5

B)

6

C)

7

D)

8

Correct Answer : 7

Explanation : Bulma size is used to set your website’s content font size, there are 7 different sizes class in Bulma. You can use any of them to define the size of your context.

Size classes :

* is-size-1: The size of this class is pre defined which is font-size of 3rem.
* is-size-2: The size of this class is pre defined which is font-size of 2.5rem.
* is-size-3: The size of this class is pre defined which is font-size of 2rem.
* is-size-4: The size of this class is pre defined which is font-size of 1.5rem.
* is-size-5: The size of this class is pre defined which is font-size of 1.25rem.
* is-size-6: The size of this class is pre defined which is font-size of 1.0rem.
* is-size-7: The size of this class is pre defined which is font-size of 0.75rem.

19 .

Among font size is-size-1 and is-size-7 which is largest?

A)

is-size-1

B)

is-size-7

C)

Can Not Say

D)

None of the above

Correct Answer : is-size-1

Explanation : * is-size-1: The size of this class is pre defined which is font-size of 3rem.

* is-size-7: The size of this class is pre defined which is font-size of 0.75rem.

20 .

Which of the following class does Bulma uses for notification?

A)

.notify

B)

.danger

C)

.warning

D)

.notification

Correct Answer : .notification

Explanation : .notification class does Bulma uses for notification.

21 .

Which class does Bulma uses to display the image?

A)

.src

B)

.img

C)

.picture

D)

.image

Correct Answer : .image

Explanation : .image class is used in Bulma to display the images.

22 .

Bulma ____are utilised when numerous lines of input are required?

A)

Text

B)

Area

C)

Textline

D)

Textareas

Correct Answer : Textareas

Explanation : Bulma textareas are utilised when numerous lines of input are required.

23 .

______ are used to indicate the current page's position.

A)

Loc

B)

Cookies

C)

Breadcrumbs

D)

Session

Correct Answer : Breadcrumbs

Explanation : Breadcrumbs are used to indicate the current page's position.

24 .

How many button sizes are provided by Bulma?

A)

3

B)

4

C)

5

D)

6

Correct Answer : 4

Explanation : 4 button sizes are provided in Bulma: small, normal, medium, and large.

25 .

Which of the following are the alternatives of Bulma?

A)

Bootstrap

B)

Foundation

C)

Materialize CSS

D)

All of the above

Correct Answer : All of the above

Explanation : Following are the alternatives of Bulma: Bootstrap, Foundation, Materialize CSS, Tailwind CSS.

26 .

What does is-marginless helper do in Bulma?

A)

It removes the margin

B)

It sets the margin

C)

It creates the margin

D)

It sets the width of margin

Correct Answer : It removes the margin

Explanation : is-marginless helper in Bulma is used to remove the margin.

27 .

Suppose you are asked to remove the shadow from some element then which of the following helper would you use in Bulma?

A)

shadowless

B)

is-shadowless

C)

clear-shadow

D)

remove-shadow

Correct Answer : is-shadowless

Explanation : is-shadowless helper removes the shadow.

28 .

How many types of alignment helper does Bulma provides?

A)

6

B)

5

C)

4

D)

3

Correct Answer : 4

Explanation : Bulma provides 4 types of alignment helpers to align the text in the container:

has-text-centered
has-text-justified
has-text-left
has-text-right

29 .

How many types of modifiers does input field supports in Bulma?

A)

3

B)

4

C)

5

D)

6

Correct Answer : 3

Explanation : The input field supports 3 types of modifiers :

* Size
* State
* Color

30 .

How many levels of nesting tiles hierarchy does Bulma uses?

A)

3

B)

4

C)

5

D)

6

Correct Answer : 3

Explanation : Nesting of tiles uses 3 levels of hierarchy :

is-child
is-parent
is-ancestor

31 .

Bulma develops a 2-dimensional layout or Metro Menu style by employing a single element class named ____?

A)

Flex

B)

Tile

C)

Container

D)

Component

Correct Answer : Tile

Explanation : Bulma develops a 2-dimensional layout or Metro Menu style by employing a single element class named tile.

32 .

How many types of text transformation helpers does Bulma provides?

A)

2

B)

3

C)

4

D)

5

Correct Answer : 4

Explanation : Bulma offers four different types of text transformation tools for transforming the text in the container :

is-uppercase
is-capitalized
is-lowercase
is-italic

33 .

____are used by Bulma to symbolise a fundamental layout element and to wrap the site's contents?

A)

Wraps

B)

Columns

C)

Modules

D)

Containers

Correct Answer : Containers

Explanation : Containers are used by Bulma to symbolise a fundamental layout element and to wrap the site's contents.

34 .

How many types of Level does Bulma provides?

A)

2

B)

3

C)

4

D)

5

Correct Answer : 2

Explanation : Bulma provides 2 types of level :

* Centred Level
* Mobile-level

35 .

Can you include HTML forms in Bulma?

A)

Yes

B)

No

C)

--

D)

--

Correct Answer : Yes

36 .

If you want to display the items horizontally on mobile, then which of the following level you would use?

A)

Centred Level

B)

Mobile-level

C)

Can Not Say

D)

None of the above

Correct Answer : Mobile-level

Explanation : If you want to display the items horizontally on mobile, then we will use mobile-level.

Why Bulma?