Bootstrap 4 beta Customiser

John Avis by | October 31, 2017 | Bootstrap Cool Websites

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

Bootstrap

Bootstrap 4 white buttons and input groups with button addons

by John Avis | June 29, 2018

Bootstrap 4.x doesn't give you white buttons by default, but sometimes white buttons look better, particularly for something like a search box using an input group with button addon placed on a navbar.


Bootstrap

Improving Bootstrap 4 modals on small screens

by John Avis | June 27, 2018

Bootstrap modals are great but on small screens they take up more valuable space than necessary.


Bootstrap Responsive Web Design

Responsive collapsing search filters in Bootstrap 4

by John Avis | March 26, 2018

In responsive design there are times when on a mobile screen you want to hide some options with a button to show them, but on a large screen always show these options.

Comments

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

Leave a Comment
Tags
ASP.NET Html Forms ASP.NET MVC ASP.NET Web Forms ASP.NET Web Pages Bootstrap C# Classic ASP Cool Websites Databases eBay and PayPal Electrical Repairs General Hardware HTML/CSS Jquery/Javascript Media Center Mobile Phones Responsive Web Design SEO and Social Networking Web Design Web Development Web Security web+db Website Hosting Windows XP

About me

...mostly about web development and programming, with a little bit of anything else related to the Internet, computers and technology.

Subscribe

Get the latest posts delivered to your inbox.