8 ms·

Bootstrap 4.1.2 released

113 points by asoto 8y ago

aantix 8y ago
Is there a quick way to migrate from Bootstrap 3 to 4?
- neon_electro 8y ago
  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. [0]http://getbootstrap.com/docs/4.1/migration/ http://getbootstrap.com/docs/4.1/migration/
  - antris 8y ago
    Smart way to do the migration!
- PoaaiblyHeroin 8y ago
  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
- PoaaiblyHeroin 8y ago
  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.
- have_faith 8y ago
  If a codebase is already launched with bootstrap 3, what would be benefit of converting? (genuine question)
  - neon_electro 8y ago
    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.
  - yannski 8y ago
    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.
  - cdmckay 8y ago
    In my experience, back when the switch from Bootstrap 2 to 3 happened, a big reason was being able to use sites like StackOverflow for answers. Over time, all the answers became about Bootstrap 3 and it quickly became difficult to find help about Bootstrap 2.
- Kagerjay 8y ago
  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.
dstroot 8y ago
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.
- kevinyen 8y ago
  Ditto. Bootstrap is such a lifesaver. Thank you!
diegorbaquero 8y ago
Thank you for this much needed update! Bootstrap has been an amazing tool for years
11235813213455 8y ago
is there a css-in-js version of bootstrap?
Theodores 8y ago
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?
- chasd00 8y ago
  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.
- neilsimp1 8y ago
  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.
- CM30 8y ago
  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.
- 8y ago
no1youknowz 8y ago
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.
- bk_avalara 8y ago
  Check out https://bootstrap-vue.js.org/ https://bootstrap-vue.js.org/
- exceptionallyOK 8y ago
  I was happy when I found this: https://uiv.wxsm.space/ https://uiv.wxsm.space/ Bootstrap components implemented in Vue 2, the range of components is limited but I used what I needed and could forgo adding jQuery
  - no1youknowz 8y ago
    Unfortunately the author isn't going to fork and support version 4. He recommends bootstrap-vue. > https://github.com/wxsms/uiv/issues/157#issuecomment-362244017 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.
mikevm 8y ago
What do you need Bootstrap for if you can use CSS Grid?
- kroltan 8y ago
  What if you can't?
- drivingmenuts 8y ago
  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. Same as it ever was.
- 33degrees 8y ago
  Grids are a very small part of what bootstrap offers
tshannon 8y ago
I'm excited for the day this gets merged and can drop jquery: https://github.com/twbs/bootstrap/pull/23586 https://github.com/twbs/bootstrap/pull/23586
- chrisacky 8y ago
  I'm curious, why?
  - akx 8y ago
    The only reason my current main work project has jQuery is it uses some Bootstrap components. Everything else is React.
    - Ralfp 8y ago
      Why not use react-strap? It offers React reimplementations of Bootstrap components.
      - rozenmd 8y ago
        https://github.com/reactstrap/reactstrap/blob/master/package.json#L118 https://github.com/reactstrap/reactstrap/blob/master/package... Reactstrap has a dependency on Bootstrap, which as GP mentioned - uses jQuery.
        nightski 8y ago
        Actually no it only depends on the bootstrap css and does not require the bootstrap js. But I'm not sure including react in order to get rid of jQuery is a win haha.
      - akx 8y ago
        It's not an SPA where everything is React. Some views are React, others aren't, and the main templates still have e.g. Bootstrap dropdown navs.
la_fayette 8y ago
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...
- canadaj 8y ago
  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.
- Bizarro 8y ago
  Yeah, even for a mediocre CSS guy like me, the ability to customize without much pain is very appreciated.
- CharlesW 8y ago
  > 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. [1] http://getbootstrap.com/docs/4.1/getting-started/introduction/ http://getbootstrap.com/docs/4.1/getting-started/introductio...
  - la_fayette 8y ago
    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...
- dqv 8y ago
  https://github.com/twbs/bootstrap/tree/v4-without-jquery https://github.com/twbs/bootstrap/tree/v4-without-jquery Maybe try to see if this is complete enough to work.
smnplk 8y ago
i like bulma better

113 points by asoto 8y ago

aantix 8y ago

Is there a quick way to migrate from Bootstrap 3 to 4?

neon_electro 8y ago
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. [0]http://getbootstrap.com/docs/4.1/migration/ http://getbootstrap.com/docs/4.1/migration/
- antris 8y ago
  Smart way to do the migration!
PoaaiblyHeroin 8y ago
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
PoaaiblyHeroin 8y ago
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.
have_faith 8y ago
If a codebase is already launched with bootstrap 3, what would be benefit of converting? (genuine question)
- neon_electro 8y ago
  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.
- yannski 8y ago
  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.
- cdmckay 8y ago
  In my experience, back when the switch from Bootstrap 2 to 3 happened, a big reason was being able to use sites like StackOverflow for answers. Over time, all the answers became about Bootstrap 3 and it quickly became difficult to find help about Bootstrap 2.
Kagerjay 8y ago
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.

dstroot 8y ago

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.

kevinyen 8y ago
Ditto. Bootstrap is such a lifesaver. Thank you!

diegorbaquero 8y ago

Thank you for this much needed update! Bootstrap has been an amazing tool for years

11235813213455 8y ago

is there a css-in-js version of bootstrap?

Theodores 8y ago

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?

chasd00 8y ago
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.
neilsimp1 8y ago
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.
CM30 8y ago
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.
8y ago

no1youknowz 8y ago

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.

bk_avalara 8y ago
Check out https://bootstrap-vue.js.org/ https://bootstrap-vue.js.org/
exceptionallyOK 8y ago
I was happy when I found this: https://uiv.wxsm.space/ https://uiv.wxsm.space/ Bootstrap components implemented in Vue 2, the range of components is limited but I used what I needed and could forgo adding jQuery
- no1youknowz 8y ago
  Unfortunately the author isn't going to fork and support version 4. He recommends bootstrap-vue. > https://github.com/wxsms/uiv/issues/157#issuecomment-362244017 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.

mikevm 8y ago

What do you need Bootstrap for if you can use CSS Grid?

kroltan 8y ago
What if you can't?
drivingmenuts 8y ago
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. Same as it ever was.
33degrees 8y ago
Grids are a very small part of what bootstrap offers

tshannon 8y ago

I'm excited for the day this gets merged and can drop jquery: https://github.com/twbs/bootstrap/pull/23586 https://github.com/twbs/bootstrap/pull/23586

chrisacky 8y ago
I'm curious, why?
- akx 8y ago
  The only reason my current main work project has jQuery is it uses some Bootstrap components. Everything else is React.
  - Ralfp 8y ago
    Why not use react-strap? It offers React reimplementations of Bootstrap components.
    - rozenmd 8y ago
      https://github.com/reactstrap/reactstrap/blob/master/package.json#L118 https://github.com/reactstrap/reactstrap/blob/master/package... Reactstrap has a dependency on Bootstrap, which as GP mentioned - uses jQuery.
      - nightski 8y ago
        Actually no it only depends on the bootstrap css and does not require the bootstrap js. But I'm not sure including react in order to get rid of jQuery is a win haha.
    - akx 8y ago
      It's not an SPA where everything is React. Some views are React, others aren't, and the main templates still have e.g. Bootstrap dropdown navs.

la_fayette 8y ago

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...

canadaj 8y ago
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.
Bizarro 8y ago
Yeah, even for a mediocre CSS guy like me, the ability to customize without much pain is very appreciated.
CharlesW 8y ago
> 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. [1] http://getbootstrap.com/docs/4.1/getting-started/introduction/ http://getbootstrap.com/docs/4.1/getting-started/introductio...
- la_fayette 8y ago
  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...
dqv 8y ago
https://github.com/twbs/bootstrap/tree/v4-without-jquery https://github.com/twbs/bootstrap/tree/v4-without-jquery Maybe try to see if this is complete enough to work.

smnplk 8y ago

i like bulma better