How to make the map adaptive?

How to position labels to the map was adaptive and inscriptions do not leave? Typeset on the grid bootstrap.
cd7c2301a63d432fa8414bfdce95a2cb.jpg
July 8th 19 at 11:33
3 answers
July 8th 19 at 11:35
The grid bootstrap, don't worry about the curve thing for adaptability. It's stupid Rav development, which constantly Lometa on custom resolutions.

I s recommended to leave all of the grids of the bootstrap in favor of Fleck Boxing. In this case, to solve the issue of adaptability on their own.
July 8th 19 at 11:37
Just the values top, left, right, bottom do in the interest and all will adapt.
July 8th 19 at 11:39
Here in addition to a technical question is a question of ergonomics.

Technically:

a) when you reduce the width to remove the decorative girlfriend, and scale the map proportionally. But then cities will become small and click they will be tough.

b) when you reduce the width to remove the decorative girl, and a map in the same scale, but with horizontal scrolling. Click in the city is convenient, but some are behind the screen.

Principle:

C) when you reduce the width to remove the decorative girl, and as soon as the map will not fit, replace the card in an ordinary list, in alphabetical order. All cities will fit on one screen.

Find more questions by tags CSSHTML