0 votes
108 views
in HTML by (3.5k points)
edited
What is the difference between Bootstrap 3 and Bootstrap 4

1 Answer

0 votes
by (3.5k points)
selected by
 
Best answer
PARAMETER BOOTSTRAP 3 BOOTSTRAP 4
Grid System 4 tier grid system (xs, sm, md, lg). 5 tier grid system (xs, sm, md, lg, xl).
CSS File LESS SASS
Button Size Bootstrap 3 supports .btn-xs class. Only .btn-sm and .btn-lg are available in bootstrap 4.
Horizontal Form We do not need a .row class using a grid in forms. .row class is needed when using the grid in form.
Inverse/dark Table .table-inverse class is not supported. .table-inverse class is supported.
Primary Unit Primary unit is px. Primary unit is rem
Table Head Styles Table head styles are not supported. In bootstrap 4, table head styles with the .thead-light and .thead-dark classes.
Condensed Tables It supports .table-condensed. It supports .table-sm.
Responsive Image .img-responsive class is to be used. .img-fluid class is to be used.
Image Alignment Use the .pull-right and .pull-left class. One can use .pull-right, .pull-left and other such classes like .text-left and .text-center.
Structure In order to apply dropdown list, we use <ul>, <li> In order to apply .dropdown-item, we use <a>, <button>.
Color Limited colors are available; it supports inverse navbars but not other classes. There are many colors; .bg-dass or .navbar-light, .navbar-dark classes are supported.
Jumbotron .jumbotron-fluid class is not required for full-width. .jumbotron-fluid class is required for a full-width jumbotron.
Show content .in is used to expand content when the page loads. .show is used to expand content when the page loads.
Glyphicons Supported. Not supported.
Breadcrumb class .breadcrumb class is used against the <ul> tag. .breadcrumb class is used against the <li> tag.
Affix Supported. Not supported.
Flexbox Not supported. Supported.
Carousel Item It uses the .item class. It uses the .carousel-item class.
Dividers .divider class is applied to <li> element. .dropdown-divider class is applied to <div> element.
Panels, Wells and Thumbnails Supported. Not supported. Cards are used instead.

Related questions

0 votes
1 answer 137 views
0 votes
1 answer 118 views
0 votes
1 answer 120 views
asked Apr 9, 2022 in PHP by Doubtly (98.9k points)
0 votes
1 answer 122 views
asked Aug 19, 2022 in HTML by codelikepro (3.5k points)
0 votes
1 answer 86 views
asked Aug 21, 2022 in HTML by codelikepro (3.5k points)
0 votes
1 answer 167 views

Doubtly is an online community for engineering students, offering:

  • Free viva questions PDFs
  • Previous year question papers (PYQs)
  • Academic doubt solutions
  • Expert-guided solutions

Get the pro version for free by logging in!

5.7k questions

5.1k answers

108 comments

561 users

...