Scribd
Upload
56 views2 pages

Assignment 3

Bootstrap 4 improved on Bootstrap 3 with features like enhanced Flexbox support, a mobile-first approach, and an improved grid system. It introduced new components and updated existing ones. Bootstrap 4 also offers better customization options through Sass and dropped support for older browsers in favor of newer versions with modern capabilities. While migrating from Bootstrap 3 to 4 requires code and markup changes, the upgrades provide more powerful and flexible options for building responsive web designs.

Uploaded by

Anoushey Agha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
56 views2 pages

Assignment 3

Bootstrap 4 improved on Bootstrap 3 with features like enhanced Flexbox support, a mobile-first approach, and an improved grid system. It introduced new components and updated existing ones. Bootstrap 4 also offers better customization options through Sass and dropped support for older browsers in favor of newer versions with modern capabilities. While migrating from Bootstrap 3 to 4 requires code and markup changes, the upgrades provide more powerful and flexible options for building responsive web designs.

Uploaded by

Anoushey Agha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment-3

Marks: 10

Q-1: Why is Bootstrap 4 better than Bootstrap 3?

As an AI language model, I can provide an overview of some key improvements and


features in Bootstrap 4 compared to Bootstrap 3. However, it's important to note that
"better" is subjective and depends on individual requirements and preferences.

Here are a few reasons why Bootstrap 4 is considered an improvement over


Bootstrap 3:

1. Improved Flexbox support: Bootstrap 4 introduced enhanced support for Flexbox,


a CSS layout model that provides more flexible and efficient alignment and
distribution of elements. This allows for easier creation of responsive and adaptive
designs.

2. Mobile-first approach: Bootstrap 4 adopted a mobile-first approach, meaning the


framework is designed to work seamlessly on mobile devices and smaller screens by
default. This ensures a better user experience on mobile devices and simplifies the
process of building responsive designs.

3. Additional and updated components: Bootstrap 4 introduced new and updated


components, such as cards, utility classes, and the improved grid system. These
additions provide more flexibility and options for designing and building web pages
or applications.

4. Improved grid system: The grid system in Bootstrap 4 was redesigned to use
Flexbox, offering a more powerful and versatile layout system. It provides better

This document is the intellectual property of Hazza Institute of Technology, Lahore that can only be
used for particular training purposes. This material may not be quoted, photocopied, reproduced in
any form without the prior written consent of Hazza Institute of Technology.
control over column sizing and alignment, making it easier to create complex and
responsive layouts.

5. Better customization options: Bootstrap 4 offers improved customization options


through the use of Sass, a popular CSS preprocessor. This allows developers to easily
customize and extend Bootstrap's default styles, making it easier to match the design
requirements of specific projects.

6. Enhanced browser support: Bootstrap 4 dropped support for older versions of


Internet Explorer and added support for the latest versions of major browsers. This
enables developers to take advantage of modern web technologies and provide a
better experience for users.

These are just a few highlights of the improvements in Bootstrap 4 compared to


Bootstrap 3. It's worth noting that migrating from Bootstrap 3 to Bootstrap 4 might
require some changes to existing code and markup, but the benefits and new
features make it a worthwhile upgrade for many developers.

https://spontaneous-tanuki-5e5a80.netlify.app/

https://github.com/pirahagha12/TravelWebsite

This document is the intellectual property of Hazza Institute of Technology, Lahore that can only be
used for particular training purposes. This material may not be quoted, photocopied, reproduced in
any form without the prior written consent of Hazza Institute of Technology.

You might also like