Please consider the following HTML code snippet:
<div class="row">
<div class="col-xs-12 col-md-3">.col-xs-12 .col-md-3</div>
<div class="col-xs-12 col-md-3">.col-xs-12 .col-md-3</div>
<div class="col-xs-12 col-md-3">.col-xs-12 .col-md-3</div>
<div class="col-xs-12 col-md-3">.col-xs-12 .col-md-3</div>
</div>
Tell me what will be the output of the following HTML code on mobile and on desktop view?
Submitted by: Muhammad.col-xs-* class defines the number of grids for extra small devices, and .col-md-* defines the number of grids for desktop devices and above. This example will render on the desktop with four columns, and on mobile the columns will have full width and will be stacked on each other.
Submitted by: Muhammad
Submitted by: Muhammad
Read Online Bootstrap Job Interview Questions And Answers
Top Bootstrap Questions
☺ | Do you know what is Bootstrap well? |
☺ | Do you know what is Bootstrap Jumbotron? |
☺ | What is Fluid Layout in Bootstrap? |
☺ | What is button group in Bootstrap? |
☺ | Tell me what is Bootstrap collapsing elements? |
Top Web Developer Categories
☺ | Bootstrap Interview Questions. |
☺ | Front End Web Developer Interview Questions. |
☺ | Typography Interview Questions. |
☺ | Laravel PHP Developer Interview Questions. |
☺ | Junior Developer PHP Interview Questions. |