Well, blueprint has well used CSS already set-up and ready to go.
Blueprint uses classes, for grid-based layout:
class= container:
Container has a width of 950px, margin 0 auto, so it’s centered.
Blueprint splits the container div into 24 columns, which can be assigned to individual div elements for example:
<div class="container">
<div class="span-12">
Column 1
</div>
<div class="span-12 last">
Column 2
</div>
</div>
This code will produce a page with two columns, each one with a width of 465px
You can get into super-awesome-nested columns (I believe!)
for example:
<div class="container">
<div class="span-12">
<div class="span-6">Col1, inner col1</div>
<div class="span-6">Col1, inner col2</div>
</div>
<div class="span-12 last">
Column 2
</div>
</div>
I’ve only just started working with this framework, so I could be very wrong with some of my coding, but seems fun so far!
)
MODX Staff