Serious question: what do these sites get from using Bootstrap? I can't see any of Bootstrap's UI elements in use, so is it the grid?
If so, I think something like Susy (http://susy.oddbird.net) is far superior. It's more powerful, and also won't pollute your markup with classes like "col-md-6".
I don't see why people need to use Bootstrap at all. What's wrong with starting from scratch? Sure, Bootstrap has a lot of best practices you can copy / paste, but so do tons of other boilerplate projects on GitHub.
I also don't see why people need to use grids. Grids are meant for graphic design (ie. http://subtraction.com/pics/0703/grids_are_good.pdf) and architecture, not CSS. What's wrong with margins, paddings and media queries?
Not completely sure if that was serious or sarcastic, but in case that was a real question: The main reason for using a grid is to make sure elements on your page stay aligned vertically and equally distributed horizontally.
If you use separate margins and paddings for each element, there's a bigger risk that you'll mess up and introduce irregularities in the layout.
Of course, maybe you don't want elements to be aligned on your page. In that case, yes, you might not need a grid.
I take it they're preconfigured divs that clutter up your code and that are trying to solve a problem that doesn't really exist given the basic nature of CSS.
> I don't see why people need to use Bootstrap at all.
So you can get your product to market faster.
In many cases, stock Bootstrap ends up being fine to keep even when you're up and running, as 99% of people on the internet don't even know what Bootstrap is, or care, as long as your site works for them.
Or people who are not interested in dealing with the cross platform complexities of HTML and CSS over multiple browsers, mobile, and so on when someone else has kindly solved the problem for them. Maybe they have other things to worry about such as marketing or work on the rest of the product.
Not at all. It saves you from writing the same boilerplate code you write nearly every time you start a project. Familiarity with HTML and CSS has nothing to do with it.
Grids are used in typesetting for hundreds of years. Using grids is a best practice to enable manageable but aesthetically pleasing designs.
Grids just make it easy to talk about where to put information on the screen. People could bring their own grids, but often it's easier to just reuse what exists. This is especially true for responsive websites which need more than one fixed-size grid.
Also using a classname convention that is established by Bootstrap or any other CSS-Framework helps to switch styling without having to change a lot in the HTML code.
Grids have been used in architecture for thousands of years.
Sure, they might come in handy when drafting your webdesigns in Adobe or whatever, but not in the CSS. Just use your eyes and basic CSS. For true responsive websites, use media queries.
As they say, "perfection is achieved, not when there's nothing left to add, but when there's nothing left to take away".
I've done it both ways and it's just faster with grids. When you don't want to spend too much time in the CSS part of your website. Especially for avoiding testing it with multiple browsers, using a framework like BS is really useful.
Bootstrap 3 is a responsive grid that uses media queries. I can trivially adjust the look of a site on desktop/tablet/mobile, all just by adding a few classes. When you add in the fact that they manage all the cross-browser/platform quirks for you, it's quite a winning proposition to use Bootstrap to start off a new site. You'll certainly end up overriding various colours, margins, etc. but that's the easiest part of CSS anyway.
My point is that you don't need Bootstrap to use media queries. Nor to manage quirks when there are way simpler solutions available on GitHub.
These quirks are becoming less and less over time as well, as new browsers and devices start to follow the same standards, and major players are dropping support for old browsers (ie. Google is no longer supporting old versions of IE).
"Discipline is a set of self imposed rules, parameters
within which we operate. It is a bag of tools that
allows us to design in a consistent manner from
beginning to end. Discipline is also an attitude
that provides us with the capacity of controlling
our creative work so that it has continuity of
intent throughout rather than fragmentation.
Design without discipline is anarchy, an exercise
of irresponsibility."
Indeed, as with my earlier link (http://subtraction.com/pics/0703/grids_are_good.pdf), I'm not arguing against grids as a design tool. I'm arguing against transferring them programatically to HTML and CSS when tools like http://hashgrid.com/ allows you to transfer them visually just fine.
People argue they need grids for their websites to be responsive, but that is not what grids are for. At least not according to Massimo Vignelli.
As a developer who's not great at design, I've seen the clear difference between a site I start from scratch and a site I start from a Bootstrap foundation. It makes a world of difference for me.
Agree on this specially if your grid= typical 2 or 3 column layout. You must be really bad at css to fail on this.
Doing front end for 30-40 sites a year from many many diffent designers for a long time and projects with bootstrap included have cost me more time spent in the end to it look right. Also BS class names are more visual than component based that can end up with some retarded hacks when design needs an update
It gets you going quicker than writing it yourself.
I was a heavy BS user a couple of years ago. I built my biggest project to date using BS: http://angrybirds.tumblr.com In retrospect, I wasn't really getting anything other out of it than the grid. Nowadays, I take a much more modular approach and pick an appropriate grid system, roll out my own headers as they are often heavily custom anyway, and pick some resets for the forms.
I'm building a MVP at the moment and whilst I have a basic understanding of HTML and CSS, I am looking towards Bootstrap to get things going. We started with a simple LaunchRock landing page [1], but now we want to hook the site up to MailChimp, do a bit of A/B testing and also start building elements of our platform using RoR.
I don't want to deal with the nightmare of using Wordpress as the front-end for this, so Bootstrap seems like a lean way of going about this.
Forgive me if I'm asking a completely n00b front-end question. If you ask me why Bootstrap, it's basically because of its popularity, and how easy I've found it to set something up in a few minutes. I know Foundation is pretty powerful too, but since I've already started with Bootstrap, I figure I don't have a real reason to pivot to something else at the moment. Any reason I shouldn't be considering Bootstrap? Any pitfalls I'm unaware of?
The only real pitfall re Bootstrap in my opinion is that Bootstrap sites (especially Bootstrap 2) tend to look, well, bootstrap-y if you don't customize things.
If you want to pay a few bucks instead of customizing things yourself, check out Wrapbootstrap and/or Bootswatch.
Funny, after visiting the site I went straight to the comments to see if anyone else had the same feedback. It goes slightly transparent (not blank) but the standard hand/cursor pointer would be enough to let me know that the image is clickable, and the icon-forward does even more.
I suppose I might leave my mouse pointer hanging out in the middle of the screen a lot, but my intention was just to scroll through the site and look at the large pictures. Unfortunately, whatever is front and center (the one I want to look at) goes jarringly faded because my mouse is usually unintentionally hovering it. I could live with a more subtle opacity: 0.90. :)
That said, nice site. For something similar, if you have not seen it, you might be interested in builtwithbootstrap.com.
If so, I think something like Susy (http://susy.oddbird.net) is far superior. It's more powerful, and also won't pollute your markup with classes like "col-md-6".