Bootstrap 4 beta Customiser

johna by | October 31, 2017 | Bootstrap Computers & Internet Web Development

Bootstrap 4 Customizer website

I love Bootstrap v4 and now that it is finally in Beta can start to use it in new projects.

But I miss the online customizer that was available for Bootstrap v3.

Perhaps one day the Bootstrap team will make a v4 customizer available on the Bootstrap website but I thought it might be handy to create on myself.

Presenting Bootstrap Customizer.

I wrote a simple website in PHP and used a Sass library called scssphp.

Bootstrap Customizer is simply a web form with fields for all Bootstrap Sass variables, and upon submission it compiles these variables and the Bootstrap SCSS files into a single Bootstrap CSS file.

Bootstrap Customizer is currently Alpha, and I plan to add some more features as time allows:

  • Option to exclude Bootstrap v4 components and features
  • Save customizations to a database so that they can be modified and recompiled
  • CSS minification

Related Posts

Web Development

How to set up a debugging using the Turnkey Linux LAMP stack and VS Code

by johna | December 19, 2023
The second part in my guide to setting up a website and database using the Turnkey Linux LAMP stack.

Website Hosting Web Development

How to set up a website and database using the Turnkey Linux LAMP stack

by johna | November 18, 2023
If you need to host your own website for the purposes of web development, Turnkey Linux LAMP Stack is an easy to install all-in-one solution that you can set up on a spare computer or a VM (Virtual Machine).

Computers & Internet Retro Computing

What to do with an old laptop

by johna | August 19, 2022
Can old computers still be useful?

Comments

There are no comments yet. Be the first to leave a comment!

Leave a Comment

About

...random postings about web development and programming, Internet, computers and electronics topics.

I recommend ASPnix for web hosting and Crazy Domains for domain registration.

Subscribe

Get the latest posts delivered to your inbox.