Bootstrap 4 has several key differences from Bootstrap 3:
Flexbox: Bootstrap 4 uses Flexbox, a layout system that allows for more flexible and responsive page layouts.
Reboot: Bootstrap 4 introduced a new global reset and base styles, called "Reboot," which provides more consistent styling across different browsers and devices.
New classes: Bootstrap 4 introduced several new classes for typography, spacing, and sizing, as well as new utility classes for responsive design.
Card component: Bootstrap 4 introduced a new Card component that replaces the old Panel and Thumbnail components.
Improved customization: Bootstrap 4 makes it easier to customize your site by offering more Sass variables and mixins.
Updated JavaScript plugins: Bootstrap 4 updated many of its JavaScript plugins, including Carousel, Modal, and Scrollspy, to improve performance and add new features.
Overall, Bootstrap 4 is a more modern and flexible framework than Bootstrap 3, with better support for mobile devices and easier customization. However, if you're upgrading an existing site from Bootstrap 3 to Bootstrap 4, you may need to make some changes to your HTML and CSS code to take advantage of the new features and syntax.
Categories : Bootstrap
Tags : HTML CSS Bootstrap 3 Bootstrap 4