Dear @printninja and @jo-r, thank you for your suggestion.
I know basic CSS3 nad HTML5. My problem is create first looks of skeleton to use inside my python (Flask) oriented solutions. My target is not create all stuf inside Bootstrap but when I change one category of item I would not style inline, but put in styles.css or changed bootstrap.min.css.
For example I choose some style for .nav-link and button by coding myself after sketch desing in Bootstrap Studio:
.nav-link, button{
color: #00f2f2;
border-radius: 8px;
border-top-left-radius: 4px;
border-bottom-right-radius: 1px;
border-top-right-radius: 4px;
border-top-style: solid;
border-right: 3px solid var(--light);
border-left-style: solid;
box-shadow: 2px 3px 12px 3px;
margin: 0px;
padding: 6px;
}
If I set one element of type like navlink and I have something like:
<li class="nav-item text-secondary border-success shadow" style="width: 0px;border-top-style: dashed;border-radius: 3px;margin: 18px;padding: 56px;">
<a class="nav-link text-secondary border-success shadow" href="#" style="width: 0px;border-top-style: dashed;border-radius: 3px;margin: 18px;padding: 56px;">Third Item</a></li>
As you can see each element has inline style. It is not problem as with styles.css I can override it. I would simply sketch visually where is what in my design. Set start vision - where is something placed and add as start point some look. For some effects is easier click and WYSIWIG like borders, shadows etc.
For me option choose what I setup for only selected element or for all of them (like all Navlink) it was what I was look for. Programically I will be add some class like active and change other stuff after adding template language on exported HTML.
I want fx - OK I setup this bunch of details and I can get in seperated file style for all .navlinks. After that I can start override as I need it. Currently I copy this manually and put inside style.css or copy from developer tool of browser.
For me missed too is changing name of “assets” folder for something else or even put in target folder what is level down (level which you can see when you open assets). I simply prefer structure not in like:
|
|assets
|___ boostrap
|_____css
but
|_____ boostrap
|_____css
too and I can find this option in menu too.