Gallery of free HTML snippets for Twitter Bootstrap

Bootsnipp creator here... Oh my loving God, this is amazing to end up on Hacker news on the second day of the creation being online... Thanks to you guys it's so popular now.<p>I will be working hard on making this a community instead of one author site, I do have a CMS that I build for this and it shouldn't be too hard to make this a community, it's just that I have to squeeze that in a full time and part time job, I made Bootsnipp thanks to being sick and absent from work for 2 days...<p>I appreciate your comments, please promote the site further and I will work hard on making it more personal to each of you.

Great site! Other good bootstrap related stuff:<p><a href="http://wrapbootstrap.com" rel="nofollow">http://wrapbootstrap.com</a> / <a href="http://bootswatch.com" rel="nofollow">http://bootswatch.com</a> - for themes, <a href="http://bootstrap-forms.heroku.com" rel="nofollow">http://bootstrap-forms.heroku.com</a> for quick form building

Great work. I'd love to see these as TextExpander snippets. I might go ahead and do this this weekend…<p>EDIT: A thought I forgot:<p>I used to be a Bootstrap hater, but now I'm quite enamored with the project since a good SASS port has been maintained.<p>Bootstrap's biggest accomplishment (aside from its mere existence) is that it placed in the hands of a lot of different people — devs, designers, newbies, etc — a collection of <i>modular css patterns</i> and <i>clean, semantic markup examples</i>, like the ones you see on this link.<p>"But your markup shouldn't be littered with presentation classes!!!" — Bullshit. Your markup definitely shouldn't look like the mess of classes you find in Drupal output, but &#60;div class="navbar"&#62;…&#60;ul class="nav"&#62; are a sane way to markup page elements. These classes say what the elements are, and could be styled an infinite number of ways depending on what kind of device its displayed on.<p>Likewise, Bootstrap's CSS is an excellent way to learn modular CSS patterns. ".dropdown {}, .dropdown-menu {}" is a much better approach than something like ".dropdown ul". What if that UL changes? "UL is a lousy element here!" says a future dev on the team.<p>I'll agree that .pull-left and .span-9 are terrible, but not everything's perfect. It'd have to use SASS instead of LESS before it was perfect, anyway <i>ducks</i>.

Nice idea... would love to see it work a bit more like patterntap[1] where we could add our own snippets.<p>Allowing CSS/LESS (with a guideline to only use the built-in color variables) could be really cool too – I'll often have to add one or two lines of CSS to tweak a nice component.<p>[1] <a href="http://patterntap.com/" rel="nofollow">http://patterntap.com/</a>

Why is there a movement to make every quickly-made website look like dull white/blue with a hint of beige? This is madness.<p>"Hack away on an app and have it look halfway decent" is a very, very poor attitude that portrays laziness and a disdain for the user. Halfway decent is the same as halfway sucks.

Good idea and some really useful stuff in there. As there's no licensing notes I'm guessing they're under permissive, share and share alike with credit?

Great work! As someone who relies waaaay too much on Twitter Bootstrap this is really useful - now to get round to adding my own Bootstrap idioms.

Agreed - this is fantastic. Although the getbootstrap docs have some neat things in there - it's sometimes hard to differentiate what comes built-in vs. what has been customized for the docs (and to extract the doc-specific functionality can be tricky).

Here is another similar project though its Sublime text editor targeted.<p><a href="https://github.com/devtellect/sublime-twitter-bootstrap-snippets/" rel="nofollow">https://github.com/devtellect/sublime-twitter-bootstrap-snip...</a><p>I wish there was a way to auto-convert these snippets for popular text editors. Somehow copy-pasting html from web-pages sounds so... 20th century.

Bootstrap is great but I'm worried that it's style is getting overused and tired like a pop song on FM radio.

Submissions were opened today! Check it out and submit your snippets here : <a href="http://bootsnipp.com/submit" rel="nofollow">http://bootsnipp.com/submit</a>

This makes me want to cry. What happened to design and having a good-looking and creative interface?

Really useful site, especially for those developers like myself that are "design challenged" :)

I was JUST looking for something like this yesterday. Could become very useful if you keep at it, I'll definitely be checking back from time to time. One minor nitpick: perhaps normalize the height of your snippets in the main grid view?

Neat! Please add Haml as an output format for your HTML snippets.

I like the progress bar example... its fun is a real eye catcher

This is good. Can you add some voting thingie. There is a lot of trivial stuff, easily available on the bootstrap documentation itself.

suggestion: it would be nice if people could request examples, and others could submit code snippets

Not bad.<p>Never thought of doing the buttons on page 2 with an icon on top and a text underneath.

Really nice, and some great snips already added. Would love to see additional login snippets.

This is great, but why am I not able to add snippets?

Great site, thank you!