Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
ptdespain
12,566 PointsBootstrap 4 Basics - Documentation in videos do not seem to match what is presented in the Bootstrap site. Not working..
This is more of a general question about this course. I've been working my way through the Bootstrap 4 Basics course. The documentation on the Bootstrap 4 site (i.e. getbootstrap.com) doesn't seem to match what Guil presents in the videos. It seems like many of the classes he uses to build the "Full Stack Conf" page have been discontinued. Also, the documentation on the Bootstrap site itself doesn't seem to be presented in the same layout. Am I missing something or was the Bootstrap 4 framework given some kind of overhaul after this course was released?
2 Answers
Brian Jensen
Treehouse StaffThe issue is Bootstrap 4 is still in it's infancy, and is changing almost daily. It is still in the alpha phase, not even in beta yet. Currently it is alpha build 5, I believe the course is on alpha build 2.
Also the main bootstrap site of getbootstrap.com is for Bootstrap 3 which is a stable build. The files and documentation for Bootstrap 4 are on https://v4-alpha.getbootstrap.com/
Alan Steffens
2,558 PointsThanks for this post. After downloading the Bootstrap alpha build a few weeks ago, I decided to use my notes from the class to Bootstrap up a website I have been tasked with making responsive. Based on Guil's Bootstrap classes my site is not rendering anything like it should. I pulled over a section of Guil's Full Stack Conf code and put it in my web dev environment and it isn't rendering the way it did for Guil in the class. So much for class notes!
From the class, one would think that if you cascade your CSS properly with Bootstrap CSS first followed by your site specific CSS files, that the addition of <div class="container"> at the top and <div class="row"><class="col-xs-12"> in front of a page section of pre-existing code and following it with the closing col and row </div>s would leave your CSS formatting alone. Not so ... it totally screws all your previous formatting up, way more than just the Bootstrap margin the "container" div adds.
At this point I don't see how the addition of Bootstrap is useful to making an existing website responsive. Bootstrap may have its place when you build a website from scratch with it, but with the format changes Bootstrap's addition makes to pre-existing code, you seem to spend more time reworking all your pre-existing CSS to undo what Bootstrap does to your previous formatting, than it is worth. At this point just adding a few media queries into pre-existing code would seem way more controlled then sucking in Bootstrap and having it completely unravel your existing website formatting.
Any sage words of advice on this from someone who has fought the Bootstrap addition to an existing website's battles?
Alan Steffens
2,558 PointsI think I'll take most of what I just posted here and make my own post, so it get more exposure. I need help!