Re:Bootstrap 4.1.2 released
by dstroot on Thursday July 12, 2018 @02:32PM
(#17517333)
Congratulations! I adore bootstrap. Huge ecosystem, easy to customize and incorporates so much cross browser “stuff” it’s hard to even imagine. I remember the Fat and MDO days fondly.
Re:Bootstrap 4.1.2 released
by Theodores on Thursday July 12, 2018 @03:20PM
(#17517745)
Has Bootstrap had its day now that we have evergreen browsers and built in layout engines, HTML5 validation plus everything thing else that has arrived in the years since bootstrap 3?
Or is this release more of a maintenance product for existing projects?
For new projects does it make more sense to leave this framework behind, even though it was brilliant in its day?
Re:Bootstrap 4.1.2 released
by CM30 on Thursday July 12, 2018 @03:58PM
(#17518112)
Nah, it's not redundant just yet. For starters the components provide a basic sort of 'design' for people who suck at designing UIs, like myself. For them, it means they've got a decent default style for things like buttons, burger menus, slideshows, alerts, etc. That's still useful to have, especially if you can't afford a designer.
It's also still very good for quickly mocking up user interfaces, especially ones for boring stuff like admin panels where you don't want to be stuck focusing on the UI rather than the actual functionality.
Finally, it provides a nice sort of built in style guide for a project you're not used to yet. If a site uses Bootstrap, well you know immediately what classes you need to use for components, what blocks of HTML are needed where, etc, and you can much more easily teach that to a new developer too.
So while its usage for grids is certainly on the decline, it's not dead just yet.
Re:Bootstrap 4.1.2 released
by chasd00 on Thursday July 12, 2018 @03:24PM
(#17517783)
No, it's still incredibly useful. Their components and utilities are just as valuable as the grid system if not more so. As for the grid system, the responsive helpers alone are worth the learning curve there. It's a fantastic project.
Re:Bootstrap 4.1.2 released
by neilsimp1 on Thursday July 12, 2018 @03:50PM
(#17518051)
I started a small-ish project at work a little while back. We're expanding the functionality a bit now and I made the decision to just re-write the few html pages it has to use Bootstrap (of course I started that this morning with 4.1.1, now there's 4.1.2 out).
I really regret not just going with Bootstrap to begin with now. All of the little things that we wrote some quick custom CSS and vanilla JS for are just simply handled. Before today, I haven't touched Bootstrap in probably over a year.
Re:Bootstrap 4.1.2 released
by dqv on Thursday July 12, 2018 @07:26PM
(#17519448)
> For new projects does it make more sense to leave this framework behind, even though it was brilliant in its day?
No. It doesn't make sense. Bootstrap has turned into a utility library. What I do is import the SCSS utilities and make my own stylesheet based on boostrap. I usually include the form styles, disable animations, and then use the grid utilities to make more meaningful grids. It's a great foundation for building out your own framework.
Not to mention it's one of the only frameworks I've seen that actually gives a shit about accessibility.
Re:Bootstrap 4.1.2 released
by no1youknowz on Thursday July 12, 2018 @03:21PM
(#17517754)
I've moved over to using Vue. I much prefer this version, than using bootstrap-vue.
Is there a vue lib addon where jQuery is replaced with Vue functionality?
I'm using laravel 5.6, which comes with Vue and Bootstrap 4. If I get to a point where my own code isn't using jQuery (very close). I'd like to eliminate that download all together.
Re:Bootstrap 4.1.2 released
by la_fayette on Thursday July 12, 2018 @05:00PM
(#17518566)
i really like the css/scss part of bootstrap for projects. it has everything needed in a high quality and extremly customizable setting. i just wonder why jquery is still there? i would love to see the standard bootsrap with native javascript dom api. this would allow for simple integration into react, angular and whatnot without requiring eachs own project like angular.bootstrap.js and so on...
Re:Bootstrap 4.1.2 released
by CharlesW on Thursday July 12, 2018 @06:08PM
(#17519025)
> i just wonder why jquery is still there?
You may not need it! Go to [1], then click on "Show components requiring JavaScript" to see which components require it. You don't need jQuery for the CSS part of Bootstrap, for example.
Re:Bootstrap 4.1.2 released
by la_fayette on Friday July 13, 2018 @12:50PM
(#17524543)
yes of course, you dont need jquery for the javascript part! i wanted to use the bootstrap modal with vue.js. in the end the only way was to use some vue/bootstrap beta library with all the bootstrap components developed for bootstrap...
Re:Bootstrap 4.1.2 released
by canadaj on Thursday July 12, 2018 @05:03PM
(#17518589)
I agree with you - My guess is jQuery is still around because some portion of the population that uses Bootstrap uses it for the functionality of the dropdowns, buttons, forms etc. that some people would rather use React for.
Re:Bootstrap 4.1.2 released
by neon_electro on Thursday July 12, 2018 @02:37PM
(#17517374)
There's a migration guide[0]. Having done it this year, it's not too painful, depending on how much you've customized Bootstrap 3 to meet your needs. We've been migrating on a page by page basis, and so usually we wait to migrate a page until our designers come up with an update to the page.
Re:Bootstrap 4.1.2 released
by yannski on Thursday July 12, 2018 @02:51PM
(#17517512)
There's a few refinements in BS4. Refinements that become quickly inavouable. First and foremost the new flexbox directives all grid related stuff (mobile first). That's why I systematically migrate all my projects to BS4 even though it's not 100% needed.
Re:Bootstrap 4.1.2 released
by neon_electro on Thursday July 12, 2018 @02:48PM
(#17517494)
Bootstrap 4 is built with Sass (Bootstrap 3's source code was built with Less). For my team, most of us had been using the Sass version of Bootstrap 3, and we decided to take Bootstrap 4 and create a customized version for our team. That task was made a lot easier with the source code being written in Sass.
Re:Bootstrap 4.1.2 released
by Kagerjay on Thursday July 12, 2018 @02:46PM
(#17517478)
There's a few transpilers out there but I found them not to work that well when I tried copy pasting some code off of bootsnipp. Specifically, carousels gave me issues.
Re:Bootstrap 4.1.2 released
by PoaaiblyHeroin on Thursday July 12, 2018 @02:37PM
(#17517375)
As far as I was able to find, there doesn't seem to be a straight forward/automated process. Many things have been removed and do not have a 1-1 replacement. If
Re:Bootstrap 4.1.2 released
by PoaaiblyHeroin on Thursday July 12, 2018 @02:37PM
(#17517377)
As far as I was able to find, there doesn't seem to be a straight forward/automated process. Many things have been removed and do not have a 1-1 replacement.
Re:Bootstrap 4.1.2 released
by drivingmenuts on Thursday July 12, 2018 @03:48PM
(#17518029)
Supporting older browser that don't have CSS Grid?
For various reasons, not everyone is going to have the latest and greatest browser nor is it guaranteed that those browsers will 100% support all the newest features.
https://github.com/twbs/bootstrap/pull/23586
Reactstrap has a dependency on Bootstrap, which as GP mentioned - uses jQuery.
But I'm not sure including react in order to get rid of jQuery is a win haha.
It's also still very good for quickly mocking up user interfaces, especially ones for boring stuff like admin panels where you don't want to be stuck focusing on the UI rather than the actual functionality.
Finally, it provides a nice sort of built in style guide for a project you're not used to yet. If a site uses Bootstrap, well you know immediately what classes you need to use for components, what blocks of HTML are needed where, etc, and you can much more easily teach that to a new developer too.
So while its usage for grids is certainly on the decline, it's not dead just yet.
No. It doesn't make sense. Bootstrap has turned into a utility library. What I do is import the SCSS utilities and make my own stylesheet based on boostrap. I usually include the form styles, disable animations, and then use the grid utilities to make more meaningful grids. It's a great foundation for building out your own framework.
Not to mention it's one of the only frameworks I've seen that actually gives a shit about accessibility.
Even with Bootstrap 4 being based off of Flexbox, there's still lots of convenience classes that people just want to have.
Is there a vue lib addon where jQuery is replaced with Vue functionality?
I'm using laravel 5.6, which comes with Vue and Bootstrap 4. If I get to a point where my own code isn't using jQuery (very close). I'd like to eliminate that download all together.
Bootstrap components implemented in Vue 2, the range of components is limited but I used what I needed and could forgo adding jQuery
> https://github.com/wxsms/uiv/issues/157#issuecomment-3622440...
Oh well. I'll keep looking.
Maybe next year, I'll roll up my sleeves and give it a go myself.
You may not need it! Go to [1], then click on "Show components requiring JavaScript" to see which components require it. You don't need jQuery for the CSS part of Bootstrap, for example.
[1] http://getbootstrap.com/docs/4.1/getting-started/introductio...
Maybe try to see if this is complete enough to work.
[0]http://getbootstrap.com/docs/4.1/migration/
Over time, all the answers became about Bootstrap 3 and it quickly became difficult to find help about Bootstrap 2.
For various reasons, not everyone is going to have the latest and greatest browser nor is it guaranteed that those browsers will 100% support all the newest features.
Same as it ever was.