html - Customizing Bootstrap -

so working on site uses bootstrap. need customize many of default bootstrap , feel - color scheme , rounded boxes. know less used entering default values in variables , recompiling it. not know less not think hard learn.

but ease of testing various color schemes doing adding custom class every element want test. e.g. want change , feel of jumbotron. doing

<div class = "jumbotron test-jumbotron"> content here.. </div> 

test-jumbotron test class. in css do:

.test-jumbotron {   border: "<my-test-border-style>" !important;   background: "<my-test-background-style>" !important; } 

my idea once have nailed styles , effects need, can use less (still don't know how, question day) integrate test-* styles bootstrap , delete test-* styles files.

i think might come across opinionated question - approach work? not want best optimal world-class solution, want know if can work, or there chance hit road-block later down path , have retrace way back?

why not customized bootstrap before downloading.. website offers capability..

customized bt3

then write tweaks improve , change need.. in css not less or sass example remove default radius of navbar

.navbar { border-radius: 0 !important; } 

but if want learn of approach think best way know happening..