4 ms·
you can use semantic naming with bootstrap too. .wrapper { .make-row(); } .content-main { .make-column(8); } .content-secondary { .make-c
by ayi 13y ago
you can use semantic naming with bootstrap too.
.wrapper {
.make-row();
}
.content-main {
.make-column(8);
}
.content-secondary {
.make-column(3);
.make-column-offset(1);
}
<div class="wrapper">
<div class="content-main">...</div>
<div class="content-secondary">...</div>
</div>
- lucisferre 13y agoThis is the exact thing I'm talking about. Try doing that without a container as a top-level container so you actually have: <div class="container"> <div class="wrapper"> <div class="content"> Besides what, semantically speaking, is a wrapper anyways?
- rimantas 13y agoAnd what is a div, semantically speaking? Wrapper is the same, only with class attached for identification/styling purposes.
- lucisferre 13y agoI'm not sure why that is a counter argument. The point I'm making is that I can use Foundation's Grid with a minimum of extraneous container divs levels which I prefer. Bootstrap has a minimum of two. Bootstrap's grid styles use negative margins and other weirdnesses that make them awkward if not used exactly as they were intended to be. If that's fine for what you're doing great, but I found Foundation's grid easier to use as a result of it's different design.