I've been using the Bootstrap 4 beta for a couple weeks building a side project (<a href="https://nanagram.co" rel="nofollow">https://nanagram.co</a>) and I must say, it's been great to use. The built in utilities for responsive views and spacing are especially useful. Made optimizing the homepage for multiple screen sizes super fast and not painful at all. The Beta 1 had pretty good documentation and seemed pretty mature as well. Looking forward to upgrading to the Beta 2.
I know I am going to be downvoted so hard, but really it's very easy to build you own css these days, css frameworks look an easy solution for beginning your project but they become a burden gradually as your project grows
Is modular css changing bootstrap adoption? I'm a backend guy so I don't have much experience to develop a sense of large-scale front-end trends. I've used bootstrap since early v3 in various places and usually found it time-saving, easy to build responsively, and fairly easy to customize.<p>However, just as frameworks like angular and libraries like react are "componentizing" the front end and replacing general purpose utilities like jQuery, will we see a similar trend with modular css where component styles will replace the need for large css frameworks like bootstrap? Or is modular css merely a complement to whatever sitewide css framework you've chosen?
It's an interesting time for web development in general. As the industry moves towards standardized web components, CSS frameworks--like Bootstrap, Foundation, Bulma, etc.--will fit differently into the puzzle. The demand for CSS frameworks will persist, but more of the implementation details will be abstracted away within components.
Bootstrap 4 is great and a pleasure to work with. Documentation structure on the other hand... Main nav section on the left with subsections on the right is totally counter-intuitive.
Congrats on shipping the 2nd Beta!<p>My favorite part of Bootstrap 4 is actually its newly included CSS reset Reboot [0]. It's built on Normalize, but also provides a set of very compelling improvements like making use of the native font stack, a bunch of very sensible spacing and layout adjustments, and built-in optimizations for touch responsiveness (removing the 300ms delay). I'm definitely going to be trying it out on my next project regardless of whether or not it uses Bootstrap itself.<p>With that said, I don't mean to rain on the parade, but I've been gradually deviating away from using CSS frameworks for my projects, not because I don't _want_ to use them, but rather because most CSS frameworks don't seem to mix naturally with component-oriented CSS-in-JS libraries like glamorous [1], which is my preferred way to work with styling these days.<p>If I do include a CSS framework, I end up having to use a mix of custom component-scoped styles and global CSS classes from these frameworks, and those CSS classes may have margins and cascading effects that reach into children. This breaks component-level style isolation, and makes the styling of children much harder to reason about, which defeats much of the purpose of using component-oriented CSS to begin with.<p>What I really want to do is to import styles from a well designed CSS framework _as a JS module_ (but I'm willing to accept anything that's properly namespaced and isolated, like CSS Modules), and compose them with my own styles without worrying about a polluted global namespace or styles from parents reaching into children/vice versa or fighting with specificity issues.<p>So far, I haven't found any CSS frameworks that fit the bill, but Tachyons [2] seems like it could be close enough (by emphasizing modular, low specificity, shallowly cascading styles) that I could maybe just run it through a CSS to JS compiler like native-css [3] and import its classes and compose them as I would with any other JS style object. This is something I'm going to experiment with soon enough, but I'd love to hear if others have any thoughts/experiences they'd like to share on using CSS frameworks with component-oriented CSS.<p>[0] <a href="https://getbootstrap.com/docs/4.0/content/reboot/" rel="nofollow">https://getbootstrap.com/docs/4.0/content/reboot/</a><p>[1] <a href="https://glamorous.rocks/" rel="nofollow">https://glamorous.rocks/</a><p>[2] <a href="http://tachyons.io/" rel="nofollow">http://tachyons.io/</a><p>[3] <a href="https://github.com/raphamorim/native-css" rel="nofollow">https://github.com/raphamorim/native-css</a>
<a href="http://tachyons.io/" rel="nofollow">http://tachyons.io/</a> + Bootstrap make a great combo. Especially if using a build system like webpack.<p>Bootstrap has a nice grid system (although the actual CSS standard is amazing now) and handles basic elements like buttons well. For everything else, Tachyon's component helpers make layouts really easy and fast.