Customizing Bootstrap variables


Bootstrap has _custom.scss file for overriding of default variables in /scss/_variables.scss. Copy and paste from there into the _custom.scss file, modify the values, and recompile your Sass to change our default values.

Okay, so it’s back to Sass… so the question is whether I should have my own custom CSS elsewhere, or just lump it in this file? I guess I should try it and see what the final compiled version looks like.

The massive benefit Bootstrap (or Foundation) brings to me is having a layout tool… without having to grapple with position: relative and float and all that sort of thing, and which I first read about in Eric Meyers’ On CSS book which I bought 15 years ago!

<div class = "row">
  <div class="col-sm-4">Smaller one</div>
  <div class="col-sm-8">Wider one <div>

The other thing is to be able to create navigation without resorting to my last-century techniques of sliding doors (Which I read about at A List Apart (back in 2003), and was ever so pleased when I used it to implement it with beautiful glass tabs I drew using Fireworks

Since I last did a lot of this, HTML5 is widely adopted (along with CSS3), so navigation lives between actual nav tags (or can do, anyway):

Centering Content

Is it as simple as having two rows in one container?