I am currently developing a react app and utilizing react-bootstrap to incorporate various components. As someone who is new to javascript, react, and web development as a whole, I find it challenging at times.
My goal was to create a layout that seemed quite complex to achieve using just the Bootstrap Container, Row, and Col elements. Specifically, I needed to include a sidebar, which doesn't seem possible with standard Bootstrap components without writing custom CSS.
Juggling both Bootstrap layout and custom CSS can be overwhelming for me. I have considered three different approaches to tackle this challenge:
Attempt to utilize only Bootstrap components without any additional CSS (though this seems impractical)
Use Bootstrap elements for the layout and customize them with custom CSS
Rely solely on CSS for the layout using Grid or Flexbox, without incorporating any Bootstrap components
After conducting extensive research, I believe that relying entirely on CSS for the layout appears to be the most feasible option for me. Which approach do you think is the most realistic for a beginner like myself, while still enabling me to achieve my desired outcome? Are there any other solutions that I may not have considered?