Support for Bootstrap 4

[travisdahlke]

With the release of Bootstrap 4 alpha, when can we expect the bootswatch themes to be updated? I know it probably makes sense to wait for a beta before spending too much time on it.

[thomaspark]

Yeah, I think it makes sense to wait for beta. If I recall correctly, v3 had some big changes during alpha.

[cyberbit]

+1 on this. Can't wait to see how it all works out with the new built-in switches and stuff. Could make it trivial to have a light and dark version of each theme.

[dtamm]

+1, really appriciate it! @thomaspark if we can help you with this, let us know!

[RobLoach]

Bootstrap 4 also uses SASS natively, so changing some of those variables will make life easier.

[jdtzmn]

+1

[mrkpatchaa]

+1

[jenil]

I'm in for help too @thomaspark

[jasoncavett]

I would be happy to provide any testing that I can once this issue is being worked. Thank you for a great theme!

[nmocruz]

+1

[wesleyfsmith]

+1 awesome to hear that bootstrap 4 support is being looked at once it's stable

[jipexu]

+1 i have already play with both BS4 and boostwatch and update and change something so i can help and test

[TheCoder4eu]

+1 BS4 Alpha is advancing slowly, so I guess it's best to wait for beta.

[RobLoach]

If you want to show your desire for Bootswatch to upgrade to Bootstrap 4, then Add a GitHub Reaction rather then commenting +1.

Commenting +1 just adds unnecessary noise to the thread. Thanks.

[Celti]

For what it's worth, it's relatively easy to grab the Bootstrap 3 SCSS version of whatever theme you want and update it to 4 by hand.

[robcresswell]

Given that 3 has now ended support, seems like it might be a good time to start working on this?

[robcresswell]

Any news/updates here on v4? Accepting pull requests? Should we fork? Radio silence is not good :(

[julkue]

Ping @thomaspark

@Celti What exactly did you change?

[thomaspark]

Hey all, even though v4 hasn't left alpha yet, I'm going to start work on upgrading the themes over the next couple of weeks. So you'll be able to jump to v4 now if you want to, and we'll be ready to go for beta.

[jipexu]

yes great new !! The last change bs04 bs05 still had some classe name change hope it will be less and less in the next bs alpha ...

[springuper]

@thomaspark great!

[thomaspark]

Bootswatch v4 (well, a preview of...) is here! You can check out the latest progress at https://github.com/thomaspark/bootswatch/tree/v4.

Of course it goes without saying that this is very much a work-in-progress. If you spot any bugs, now is a great time to report them, but please check the bug on vanilla Bootstrap first to make sure it's not an upstream issue.

Some notes:

• Builds are based on Bootstrap v4.0.0-alpha.5. I'll try to keep it updated with each new version, but hopefully things are stabilizing and we're close to beta.
• Readable has been removed in v4.
• Paper has been renamed to Materia.

[mika76]

Awesome! Any chance there is an online version to peruse?

[thomaspark]

Good idea, just put them up temporarily here: http://bootswatch.com/4-alpha/

[johhansantana]

would it be okey if I target http://bootswatch.com/4-alpha/materia/bootstrap.min.css for the css instead of having to download it?

[thomaspark]

You can hotlink it for testing/playing around, but would definitely advise against it for production since I plan to take the link down eventually.

[DavidJBerman]

Requesting that you please incorporate Readable in Bootswatch for BS4 - We love it and are using it in production. We have over 110,000 fans of Readable enjoying the theme and we'd like to upgrade to BS4 without having to switch themes - we're not that great at CSS so we get a lot of value out of this theme being ported to BS4.

(Also, thanks for everyone's hard work on this incredible project).

[thomaspark]

Hey @DavidJBerman, thanks for your reply. I just added a new theme to the v4 branch called Litera that is a spiritual successor to Readable. It uses the same color palette, similar fonts, and incorporates a lot of the same features like a serif body font. Please test it out and hopefully it makes the port to BS4 seamless for you.

[jipexu]

cool !

[DavidJBerman]

Thank you very much @thomaspark much abliged!

I am hoping someone will make a bs3 -> bs4 shim. It doesn't make sense to me to sweep through all pages of an existing site to replace classes like push-right in order to add new pages that take advantage of cards or other new features.

[robcresswell]

Any chance of an alpha release to a CDN or distribution point like NPM? Would be great to let people test this via their existing toolchains installs instead of using source

[julkue]

You might use RawGit as a dev CDN

[fulldecent]

Here is a CDN-usable version for people that want a drop-in replacement: https://cdn.rawgit.com/thomaspark/bootswatch/v4/flatly/bootstrap.min.css

And here is a SRI version:

<link rel="stylesheet" href="https://cdn.rawgit.com/thomaspark/bootswatch/v4/flatly/bootstrap.min.css" integrity="sha384-mLoAoVVKI5Ylfekhi0wRovakSfJXZJd/4G/hFADK5cB5L6R2JYjur4rRdGS9czwd" crossorigin="anonymous">

[WuglyakBolgoink]

any news?

[jasondt]

is there a v4 api yet?

[thomaspark]

Not yet, will update when v4 hits beta.

[lightdot]

Nearly two years after the alpha, Bootstrap v4.0.0-beta is here. Finally.

[jenil]

This is going to be a lot of work, @thomaspark lmk if you need a hand, I'm happy to help 🙃

[jipexu]

some class changes but not too much ..

[robcresswell]

@jipexu, there's much more to it than that. A lot of the variables have changed and that's what themes rely on. Don't underestimate the time it takes to put together several good themes, especially when its being done for free.

[jipexu]

yes i known.. but the step between te 2 lasts releases of BS is less than the past ...

[thomaspark]

Hey guys, sorry for the slow response, been traveling out of the country the past couple weeks. I'm thrilled (and mostly relieved) Bootstrap is hitting beta.

Wanna do an update for at least v4-beta.1 soon so people have something to work with. Hopefully there will be fewer and fewer major changes, which means keeping the themes synced with each beta release will be feasible. Let me tell you, it's been a lot of work keeping alphas in sync.

One change I'd like to make is to _variables.scss. Rather than being a copy of Bootstrap's _variables.scss, it will only hold modified variables which should make maintenance much easier. Don't see any issues with it...

Will try updating a couple of themes on the v4 branch to see what it entails. Once that's done I'll welcome others to lend a hand. :wink: @jenil

[Inurias]

I’m currently working on a project on which I originally planned to use a Bootswatch theme. The project is based on Bootstrap 4 Beta and I need to decide what I will eventually use in the next few days.

Do you happen to know a rough estimate as to when Bootswatch will be available for Bootstrap 4 Beta?

[TheMissingNTLDR]

Just wondering if this is released for Bootstrap4 Beta? I recently raised this on StackOverflow and which directed me to this thread! Ofcourse I will try v4 Branch (made for BS4_alpha6) first and see if this works in BS4_Beta!! Thanks!

[taniarv]

I have been using Bootswatch before (cosmo theme) and I was planning to use it in a new project using bootstrap 4 beta. If I use the _variables.scss available in https://bootswatch.com/4-alpha/cosmo/ I get an error in spacers block.

(x: 0, y: 0) isn't a valid CSS value.

In order to get it working, I have to replace the spacers block with the following

$spacers: (
  0: 0,
  1: ($spacer * .25),
  2: ($spacer * .5),
  3: $spacer,
  4: ($spacer * 1.5),
  5: ($spacer * 3)
) !default;

[robcresswell]

@TheMissingNTLDR @taniarv The last release of Bootswatch was for Alpha.6, not Beta. If you read the comments / check the tags, you can see there is no Beta release yet. There were a lot of changes between Alpha and Beta; some may cause errors like you noted above, but there will also likely be a lot of missing styles / colours that simply fall back to the Bootstrap defaults because of the various changes, so the themes will look weird, even if they "work"

[shadowcodex]

Hey @thomaspark thanks first for all the work you have put into this! Do you have an estimate of when you will get time to start the v4.beta.1 work? I'm starting work on a v4 component library / ui kit. Would love to include bootswatch themes as options for it.

[AmirSavand]

It would be AWESOME if we'd know when will it be completed to support v4 beta.

[tkuther]

Ported my application to Bootstrap 4-beta, and while I was at it, did a vim&sed warfare over bootswatch, too. See #685 . It's a start, but of course only a small part of the work.

I can really feel now how much work it is for @thomaspark to keep the themes updated. Huge thanks for that! Oh, and I love sketchy .. how cool is that!

[TheCoder4eu]

Hi @thomaspark , just in case you missed it, beta2 is out! https://blog.getbootstrap.com/2017/10/19/bootstrap-4-beta-2/

Theming reference page: http://getbootstrap.com/docs/4.0/getting-started/theming/

[jipexu]

... yes is on the fire ...

693