Correct way to format my fluid DIV structure for canonical Bootstrap 3 CSS markup

Vote count:

0

I've constructed a nest of DIVs that make up a border between the header structure and the body (it will go in header.php of a WordPress blog that is based on Bootstrap 3). Reduced down to its basics, the 100x100px blocks always stay as 100px square blocks - when the available space is reduced to less than 100px, the blocks (that would normally overflow or be partially hidden) drop to the next line - which is hidden by an overflow:hidden declaration. Ultimately these little blocks will contain individual images which is why they cannot distort or partially overflow. So the code...

enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here enter code here

Now, so far as I understand, Bootstrap is designed to traverse down the various screen widths of devices in column 'steps'. Whereas my code steps down in 100 pixel steps from the largest to the smallest screen/browser sizes.

So although I've taught myself the Bootstrap '12 column' approach, I'm not sure how to mark my code up correctly for canonical Bootstrap CSS. That's why there are no IDs or Classes in my code yet, and everything is inline.

Are there any Bootstrap gurus out there that can guide me?

asked 1 min ago

cpz

1