Update phase-4-DOM-Manipulation.md

[rdavison23]

Include note about bootstrap conflicts

📝 Description

Update phase-4 doc based on suggestion

🔂 Changes Made

Updated doc

⚙️ Related Issue

• Issue Number: Update phase-4-DOM-Manipulation to work with Bootstrap #2212

🍏 Type of Change

• Documentation update

🎁 Acceptance Criteria

NA

🧪 How to test or what to evaluate

Please look at rendered doc

🚀 Repo Notes (if applicable)

• Will the table of contents need to be updated? No
• Which other repo areas will be impacted? none
• Are there any full time program curriculum considerations? (i.e. day docs, links, introduction of new concepts, etc) none

📸 Screenshots (if applicable)

NA

✅ Checklist

• I have performed a self-review of my code.
• My code follows the style guidelines of this project.
• I have commented my code where necessary.
• I have tested my code locally and verified the website is working as expected.
• (if applicable) I have added documentation in the README.
• (if applicable) I have added tests that prove my fix is effective or that my feature works.
• (if applicable) New and existing unit tests pass locally with my changes.

[daaimah123]

@rdavison23 Thank you for this contribution, this lesson already contains this note about carefully working with Bootstrap.

🎗️ NOTE: Bootstrap is a powerful and widely used CSS framework. You are welcome to add it to your recipe page if you like (or another CSS framework). When adding another framework to your project after having already built it, you may experience some confusion, frustration, and breaking changes. This is normal as a beginner, especially when working with things like Boostrap's class-heavy markup and unfamiliar patterns. Take your time giving it a try, but time box it! Your main objective here is to recognize different structures, layout, and components that have potential to improve your front-end flexibility.

Could it be beneficial to add this comment to that note? For example:

When incorporating a new CSS framework such as Bootstrap to your project, do so on a new branch and watch out for conflicts and adjust the code accordingly.

Moreover, for people new to coding...what does watch out for conflicts and adjust the code accordingly mean?