I intend to use boostrap for a simple and static website. So, I picked a template from boostrap and made content changes.
There are some alignment and spacing problems among “components”. For instance, for the top navigation, the height for the DIV or CONTAINER
is a bit too much. And then, height between the top DIV and the DIV below is is too much as well. bootstrap.min.css file is impossible to read.
How to fix them? Or is there a more fitting template?
Bring up the developer toolbar to make CSS changes live in the browser. F12 in most browsers. When you’re happy with each batch of modifications, transfer the changes to your template CSS file (but take a backup first). Try to edit/create overrides in the template stylesheet rather than the Bootstrap core CSS. It should be easier to keep track of that way.