Nice walkthrough and +1 for using Creedence Clearwater Revival lyrics for the landing page copy! :)
Hands on with Bootstrap 3 - A landing page
11–20 of 58 posts
Re: Hands on with Bootstrap 3 - A landing page
#12Totally unrelated, but what editor is this that is being used here for the screenshots? Anyone know?
You mean the code snippets? That's the default styling that comes with Octopress[1], which the author is using for their blog.
Re: Hands on with Bootstrap 3 - A landing page
#13One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like.
I'd compare this to [Bourbon Neat](http://neat.bourbon.io/) (which I've only looked over) and [Foundation's grid](http://foundation.zurb.com/docs/components/grid.html) mixins which seem to be much more flexible and offer the ability to use columns without rows (and no "container" required) allowing for a much more "semantic" results.
I spent a lot of time trying to decide between Bootsrap, Foundation and Bourbon + Neat recently and in the end had to settle for Foundation for the following reasons:
* Has decent default typography settings (not available with Bourbon + Neat though Bootstrap's is fine)
* Much better Grid than Bootstrap (though I think I may like Neat better)
* SASS not LESS (all my current work is in SASS though switching wouldn't be all that painful)
I say "settle" because I think so much of Bootstrap's styles and UI components are superior. Particularly the forms, but also progress bars, badges, labels, navigation, menus are all nicer.
Right now I think what I'd love to have is a set of extension defaults for Bourbon + Neat that bring in nice styling for forms, buttons, typography, etc. In fact I'm half tempted to just copy it all from Bootstrap. Who knows when I'll have time to do something like that though.
Re: Hands on with Bootstrap 3 - A landing page
#14One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like. I'd compare this to [Bourbon Neat]( http://neat.bourbon.io/ ) (which I've only looked over) and [Foundation's grid]( http://foundation.zurb.com/docs/components/grid.html ) mixins which seem to be mu…
Bootstrap 2 or 3 or both? BS3's grid system is certainly an improvement over BS2 and looks like it was modelled on Foundation's grid system from your link. I haven't used Foundation or Bourbon Neat though.
Re: Hands on with Bootstrap 3 - A landing page
#15Totally unrelated, but what editor is this that is being used here for the screenshots? Anyone know?
As far as I can tell, the colour theme is solarized dark (http://ethanschoonover.com/solarized), if that is what you are interested it. It's available for quite a few editors (I use it with emacs via `(load-theme 'solarized-dark t)`).
Re: Hands on with Bootstrap 3 - A landing page
#16One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like. I'd compare this to [Bourbon Neat]( http://neat.bourbon.io/ ) (which I've only looked over) and [Foundation's grid]( http://foundation.zurb.com/docs/components/grid.html ) mixins which seem to be mu…
Why not use Neat for your grid and Foundation for typography?
Re: Hands on with Bootstrap 3 - A landing page
#17One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like. I'd compare this to [Bourbon Neat]( http://neat.bourbon.io/ ) (which I've only looked over) and [Foundation's grid]( http://foundation.zurb.com/docs/components/grid.html ) mixins which seem to be mu…
Why not use Neat for your grid and Foundation for typography?
Honestly, I've been thinking about it. Have not tried it out that way yet. One step at a time. Step one was upgrading from 3 to 4 and doing some semantic cleanup (no more grid classes anywhere).
Re: Hands on with Bootstrap 3 - A landing page
#18Use Bootstrap + Angular and you can write your whole application in HTML-only!
Re: Hands on with Bootstrap 3 - A landing page
#19One of my biggest complaints with Bootstrap is the grid system (classes or mixins) and the very strict hierarchy of container > row > columns. I find this pattern leads to a lot more extraneous elements than I would like. I'd compare this to [Bourbon Neat]( http://neat.bourbon.io/ ) (which I've only looked over) and [Foundation's grid]( http://foundation.zurb.com/docs/components/grid.html ) mixins which seem to be mu…
Bootstrap 2 or 3 or both? BS3's grid system is certainly an improvement over BS2 and looks like it was modelled on Foundation's grid system from your link. I haven't used Foundation or Bourbon Neat though.
I've used both, but I'm talking about 3. I tried it out after extensively trying out Foundation's grid and found it does not work nearly as well. It does some odd things with negative margins and such that make it impossible to use any of the mixins without following the exact prescription of container > row > column.
Re: Hands on with Bootstrap 3 - A landing page
#20I looked at the live demo first. It didn't look like there'd be much bootstrap involved so I almost closed the article, but it's actually worth a read because there's more to it than meets the eye.