Jobs By Abekus

Bootstrap Questions Set 15:

Quiz Mode

Which of the following aligns .pager previous button to left?

.disabled

.pager

.next

.previous

Solution:

Which of the following sizes are available for height and width utilities of an element?

All of the above

25%

50%

75%

Solution:

The .img-circle class in Bootstrap makes the entire image round by adding border-radius:

50%

45%

100%

none of the above

Solution:

Which of the following makes a button group appear vertically?

.btn-group-vertical

.btn-group-xs

.btn-group-sm

.btn-info

Solution:

Use `align-self` utilities on flexbox items to individually change their alignment on the cross axis.

align

self-align

self

align-self

Solution:

We can easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

width

breadth

color

padding

Solution:

Statement 1: There are 2 container classes in Bootstrap.

Statement 2: The `.container` class allows the container to automatically adapt to the screen size.

Statement 1 is true

Statement 2 is true

Both statements are true

Both statements are false

Solution:

Statement 1: Height of input element can be set using classes like `.input-lg` and `.input-sm`.

Statement 2: Width of element can be set using classes like `.col-lg-` and `.col-sm-`.

Statement 1 is true

Statement 2 is true

Both statements are true

Both statements are false

Solution:

What are the main differences between ID and Class?

ID's are better than classes

ID's are supposed to be only used once per page but Classes can be used multiple times per page, and one element can have more than one Class but should have only one ID

Both

None of these

Solution:

What class name would replace the asterisks in the code block below?

`<div class=""> <img class="-img-top" src="" alt="image"> <div class="-block"> <h4 class="-title">Card title</h4> <p class="*-text">Copy</p> <a href="#" class="btn btn-primary">Link</a> </div> </div>`

container

card

both

None of these

Bootstrap Questions Set 15:

Which of the following aligns .pager previous button to left?

Solution:

Which of the following sizes are available for height and width utilities of an element?

Solution:

The .img-circle class in Bootstrap makes the entire image round by adding border-radius:

Solution:

Which of the following makes a button group appear vertically?

Solution:

Use `align-self` utilities on flexbox items to individually change their alignment on the cross axis.

Solution:

We can easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

Solution:

Statement 1: There are 2 container classes in Bootstrap.

Statement 2: The `.container` class allows the container to automatically adapt to the screen size.

Solution:

Statement 1: Height of input element can be set using classes like `.input-lg` and `.input-sm`.

Statement 2: Width of element can be set using classes like `.col-lg-` and `.col-sm-`.

Solution:

What are the main differences between ID and Class?

Solution:

What class name would replace the asterisks in the code block below?

`<div class=""> <img class="-img-top" src="" alt="image"> <div class="-block"> <h4 class="-title">Card title</h4> <p class="*-text">Copy</p> <a href="#" class="btn btn-primary">Link</a> </div> </div>`

Solution:

Related Question Sets:

Related Topics:

Bootstrap Questions Set 15:

Which of the following aligns .pager previous button to left?

Solution:

Which of the following sizes are available for height and width utilities of an element?

Solution:

The .img-circle class in Bootstrap makes the entire image round by adding border-radius:

Solution:

Which of the following makes a button group appear vertically?

Solution:

Use align-self utilities on flexbox items to individually change their alignment on the cross axis.

Solution:

We can easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

Solution:

Statement 1: There are 2 container classes in Bootstrap. Statement 2: The .container class allows the container to automatically adapt to the screen size.

Solution:

Statement 1: Height of input element can be set using classes like .input-lg and .input-sm. Statement 2: Width of element can be set using classes like .col-lg-* and .col-sm-*.

Solution:

What are the main differences between ID and Class?

Solution:

What class name would replace the asterisks in the code block below? <div class="*"> <img class="*-img-top" src="" alt="image"> <div class="*-block"> <h4 class="*-title">Card title</h4> <p class="*-text">Copy</p> <a href="#" class="btn btn-primary">Link</a> </div> </div>

Solution:

Related Question Sets:

Related Topics:

Use `align-self` utilities on flexbox items to individually change their alignment on the cross axis.

Statement 1: There are 2 container classes in Bootstrap.

Statement 2: The `.container` class allows the container to automatically adapt to the screen size.

Statement 1: Height of input element can be set using classes like `.input-lg` and `.input-sm`.

Statement 2: Width of element can be set using classes like `.col-lg-` and `.col-sm-`.

What class name would replace the asterisks in the code block below?

`<div class=""> <img class="-img-top" src="" alt="image"> <div class="-block"> <h4 class="-title">Card title</h4> <p class="*-text">Copy</p> <a href="#" class="btn btn-primary">Link</a> </div> </div>`