[Toaster] Thread: Customizing Bootstrap for new UI Tools

[Levi Da Silveira, Vitor]

Hello all.

I’ve been working on UI and Bootstrap customisation and I am facing questions on which one is the better way. I’m opening this thread to we discuss which way to follow taking in consideration mainly Michel who is working directly on front-end.

We have basically two ways to customise it, Overriding with CSS and Core customisation. I listed below
pros and cons of which one in a way to know your perspective of it and

Overriding with CSS

Pros
- is the most straightforward approach to change basic styles .
- it hardly changes the workflow.
- styles on top of bootstrap.

Cons
- it takes too much effort to overhauling components.
- it is hard to keep style’s consistence for allover the UI.


Core Customisation (Custom Build)

Pros
- flexibility to hard customisation
- access to LESS variables. It means you can set up styles dynamically making styles more consistence.
- access to all componentes separately turning customisation handy and intuitive.

Cons
- set up environment. It means you’ll need to use NodeJS.
- practically you will fork bootstrap and I don’t know what could happen when to upgrade to an other version


I’m still studying these possibilities and trying to join both concepts  in a way to avoid bootstrap's forking.

Cheers,

Levi
:)