Day 2: Research and Reporting
This activity aims to explore the use of Bootstrap in web development,
focusing on its application in real-world projects and comparing it to plain
CSS. The goal is to understand when and why developers might choose
Bootstrap over custom CSS for responsive design.
Observations from Day 1:
Code Readability and Modification Effort:
o Plain CSS: Requires writing custom styles for layout and
responsiveness, which can be time-consuming and complex,
especially for beginners.
o Bootstrap: Utilizes predefined classes for layout and styling,
simplifying the development process and making it more
accessible to beginners.
Research Findings:
Real-World Use Cases for Bootstrap:
o Etsy: An online marketplace that uses Bootstrap to create a
responsive and user-friendly interface.
AdminLTE
o Wokine: A digital agency's website showcasing innovative
design using Bootstrap.
Colorlib
Reasons Developers Choose Plain CSS Over Bootstrap:
o Customization: Plain CSS offers complete control over design,
allowing for unique and tailored layouts.
o Performance: Custom CSS can be more lightweight, reducing
unnecessary code and improving load times.
o Learning Opportunity: Writing custom CSS enhances
understanding of core web development concepts.
Conclusion:
Bootstrap is a valuable tool for rapid development of responsive designs,
especially in larger projects where time and consistency are crucial.
However, for projects requiring unique designs, optimal performance, or a
deeper understanding of CSS, plain CSS may be the preferred choice.