1. Buttons and their rollover styles.
2. Text inputs. In particular, the inset gradient, border radius, and on focus styles.
3. Use of a grid. Obviously many people use grids, but a grid in combo with #1 or #2 is a giveaway.
Definitely the buttons - if you go with bootstrap if it has that bootstrap gradient button, and not if it doesn't you should get 8/10 correct, I think?
I would double check but the server currently gives
"Application Error
An error occurred in the application and your page could not be served. Please try again in a few moments.
"
According to this, Tray.io (Site 3 of 10) was NOT built with bootstrap. However the class names on the form controls and buttons beg to differ - http://tray.io/login/
I'm less likely to trust a site called 'bootstrap hero' if they can't correctly identify bootstrap.
Application Error
An error occurred in the application and your page could not be served. Please try again in a few moments.
If you are the application owner, check your logs for details.
I took the quiz based entirely on the single image presented, and not visiting the site itself or doing much investigating. Managed to get 8/10 primarily based on the familiar buttons/navbar. Strangely though, after the quiz I was told:
I think it would actually be really interesting to see which sites solicited the most visits and which were judged solely by the image presented. Perhaps that would show some gradations between "obviously bootstrap" and "obviously not bootstrap."
Fixed, not sure if I just suck at marking these correctly, they changed layouts (I've been collecting links for a while) or that I've lost the ability to read a class='span12' when I see it.
If there were buttons visible, I could usually determine if it was a bootstrap site or not. Next, I would look for a top navigation banner and try to decide from that. If I wasn't convinced by those two, then always picking not-bootstrap worked out well.
Our site (https://circleci.com) is built with bootstrap, and we've managed to make it feel very not-bootstrapy, with some small font changes and not using the black topbar. The only real clue is the font-awesome/glyphicon logos.
The three columns are pretty characteristic of bootstrap, if you're really trying to look different. The site looks good, so don't take that as a suggestion to do anything differently.
41 comments
[ 898 ms ] story [ 2206 ms ] thread(Latest FF, 12-something by 10-something)
Thanks again for the heads up.
1. Buttons and their rollover styles. 2. Text inputs. In particular, the inset gradient, border radius, and on focus styles. 3. Use of a grid. Obviously many people use grids, but a grid in combo with #1 or #2 is a giveaway.
I would double check but the server currently gives
"Application Error
An error occurred in the application and your page could not be served. Please try again in a few moments. "
I'm less likely to trust a site called 'bootstrap hero' if they can't correctly identify bootstrap.
"12 of 10 sites identified correctly"
"12 OF 10 SITES IDENTIFIED CORRECTLY."
http://i.imgur.com/ztgMX.png
http://i.imgur.com/PlXPQ.png
Edit: the thing is some buttons look Bootstrap on the capture but quit less if you visit the site.
All in all I guess some alternative for buttons design in BT would be great ;)
Thanks for the heads up.
In the meantime we just did this as a fun one off project.
It was just fun to get through my 10, see the completion page, and I instantly thought, "done with slabtext!"
It's your own fault, you're training me to spot these things!
"16 OF 10 SITES IDENTIFIED CORRECTLY."
PLEASE STOP YELLING AT ME.
THANKS,
RMRFRMRF
v2 maybe?