I like the sizes of all items using twitter bootstrap when (in my browser) I’ve zoomed out twice, ctrl -, ctrl -, rather than the default, viewing with ctrl+0.
Zooming affects font sizes, the responsive design, and a dozen of the other great reasons I want to use bootstrap, so I don’t want to hackishly just fix a width and break all of that.
Does Bootstrap have a single CSS value (or a small set of them) that I can change somewhere that produces something like this zoom and sizing? I realize setting zoom itself is more of a browser-issue, so I’d rather not hard-code it that way, either.
EDIT
The answer might be closer to this:
Setting max width for body using Bootstrap
…which suggests no? I have to recompile bootstrap?
The answer is NO, there is no single, simple way to do this in bootstrap settings, even when recompiling from LESS is on the table.
The crux of the issue is that the bootstrap responsive design works with massive 1200px displays. This makes a 1000px laptop’s display look highly zoomed-in.
Editing the less files directly, I reduced font-sizes, reduced the 1200 width and font sizes in..
And it only seemed to break the navbar. My understanding from the bootstrap github is that there is a fair amount more hardcoding than the less variables suggest, and that accounts for much of the problem.