The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to improve alignment and spacing with bootstrap template?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #247411


    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.


    ok, thank you, fyi, I used F12 all the time.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.