Ride the Dresko Wave

Is it possible to combine ASP.NET v5 (MVC 6) beta 7 with the Bootstrap 4 alpha and the jQuery 3 alpha?

Yes? And I’ve done it. 

Would I recommend it?


I basically started from a new Web Application project with the latest ASP.NET bits installed.

From there, I used bower to upgrade bootstrap and jQuery. Finally, it was just a matter of figuring our the bare minimum required to make it look halfway right. Mostly it was the main navigation menu and carousel that weren’t working well at all.

I didn’t spend a lot of time on this project, as that wouldn’t be a very wise use of my time. But here are some quick observations:

  • Bootstrap 4 alpha is probably the weakest link. They’re still changing a lot in the markup, CSS, and Javascript. Even their own examples of BS4 barely work at this stage.
  • The ASP.NET MVC 6 templates are not ready for BS 4’s new requirements, so you have to tweak a couple of things to get it working. If you’re curious what I had to do, you can nab the source code from here.
  • If you hit up the bootstrapy tab, I’ve included a few of the controls from Bootstrap 4… Most of them work well. Some do not. Not sure if that’s a Bootstrap 4 problem or jQuery 3.
  • Bootstrap 4 and jQuery 3 are not on the default CDN that the ASP.NET template uses, so I hard coded the paths to those libraries from within the project.

All in all, it was kinda fun seeing it all [sic] working in the end, and I’m looking forward to what the future holds!

Let me know if there’s anything else you’d like me to try in this project while it’s still fresh on my mind.