Integrating Bootstrap 4.0 with FCSS

From basics to pro FCSS templating in one read

templating with HTVL, FCSS and BOOTSTRAP 4.0
HTML templating plays a crucial role in software development. It not only determines the speed of your development, but also the quality of the output upon project completion. In our last few blogs on automating front-end development, we have mentioned functional css (FCSS) a number of times to refer to our in-house templating language. In this article we will explore the general principles of FCSS, some routines and conventions followed, as well as element-by-element code examples for most bootstrap components. The article will therefore not only bring you to speed with what has been happening with FCSS in general, but you if you follow along you will be an expert yourself on completion.

Environment setup

You will need the ability to run nodejs and the latest bash on your desktop to completely follow along this tutorial. As such, if you are on a Windows machine you will want to get gitbash or an equivalent…



I am a Software/Algorithmic Developer, Science Writer and Systems Thinker. Most of my content is freshly distilled from up-to-date information.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store