Bootstrap not for bootstrap design?

Question

css

hi - friends, such a thing - I don’t want to, but I have to go towards bootstrap, to make my life easier ...
And here the question arises - how to apply bootstrap - to a layout that the designer did not make for bootstrap ...
and there are such people ...
maybe you can somehow make such a layout friends with bootstrap ??
heard about 2 options
1) try to apply the bootstrap grid to the layout ...
2) use the customizer - but I've never come across this .. xs it can and really works ....
friends share pl. experience - maybe someone has come across this .. or has experience with a grid, or a customizer

Answer 1

No way :)
But seriously, you have to write everything under Bootstrap. So ask yourself if the "non-bootstrap" layout fits the needs you want to use Bootstrap with. And do you need it? An unsuitable layout, for example, having a different grid, will give you a lot of headaches :)

Answer 2

The question should probably be different.
Whether the design is drawn at all under any grid. If the designer complied with certain rules (indents, column sizes, etc.), you can do it on bootstrap - if you take styles, then there is generally a lot of things that you don’t need, especially if the design is not for the bootstrap UI.
1. The designer drew on the grid (even if he invented it himself), download the sass / less sources, connect the necessary ones to the project (presumably in this case only grid - and its dependencies). Next, in the variables, specify the standards that the designer used. But this is despite the fact that the designer is a kind person and drew everything on the grid.
2. When the design is frankly not according to the grid, it is immediately desirable to warn the customer that there is no grid, there are no certain standards. Option A - will not match the indents (I mean pixel by pixel - not possible). Option B - get a bootstrap, use only the grid in the same way, but for yourself in the design, select an advantageous standard for which you will customize the grid, i.e. blocks in which the grid is the same - select them as much as possible and make a bootstrap grid for it. For the rest, with pens (+ warming the ears of the designer), you finish writing yourself.
You choose the lesser of two evils, but how much I work - very rarely come across layouts for the bootstrap UI. A lot of things are eliminated and in fact you get only the usual grid (as an alternative, you can generate it on the bootstrap site and not take a steam bath and drag all the css / js, but only the grid. ) That's what I do basically :)

Answer 3

That's what layout designers are for :)
If a layout designer wants, he will write any layout on Bootstrap :)
Just take Bootstrap as a basis, create your custom style file and rewrite the classes you need. It's obvious to me. You can, of course, do everything through your classes, but here it’s convenient for anyone.
The grid is a useful thing, just be prepared to fight with it if anything ;D But it saves a lot of time. If you follow the clear rules of the grid, then there will be no problems in the future.
The customizer works very well. Some people use it, some don't. But he does his job - makes life easier.
You can also install bootstrap and just use it as helper classes if you don't spare user traffic and site load time :P
I will say from personal experience:
Unfortunately, I did not have a layout that was sharpened clearly for some kind of framework, let alone bootstrap. And most likely it won't. For me it doesn't matter at all. The only important thing is that the layout has at least some kind of grid, otherwise it's complete hell.
Use bootstrap to the fullest and you will get into the taste and will not feel any borders in the form of grids and the like, everything that you do not like - you can rewrite at any time :)