17 ms·
Twitter's Bootstrap 2 ready for testing and feedback
- sheraz 15y agoI've been using the new twitter bootstrap with backbonejs for some prototypes and have progressed much faster than I anticipated. The learning curve on this one was not bad at all -- the examples are great!
- dkhenry 15y agoBootstrap and backbone are great together. I wish there was more concrete tutorials on getting the two to play nice, but all I could find was bits and pieces about both. Even with that I have managed to knock out a few prototypes fairly easily.
- nivertech 15y agoAny twitter bootstrap tutorials you can recommend, beside just using inspect element in Chrome console?
- phillmv 15y agoFrankly, that's about it, really. It's really straightforward imho.
- sheraz 15y agoI'd be happy to share -- maybe we could take the todo.js example a but further and make it pretty with boostrap? Hell, I would even strip out the localStorage and include a php script that hits a sqlite database.
- ibejoeb 15y agoYeah, it's a fantastic combo. I recently opted to do subsequent dev on Knockout.js, though. LOC for markup, styling, and javascript under this regime is fantastically small and really quick to develop. Don't mean to hijack, but I'm curious if anyone has gone the other way, i.e., choose backbone over knockout. My main concern is DOM overload/GC issues. Backbone is also considerably smaller, but that's not as important in my context.
- tptacek 15y agoHave been using and loving Bootstrap for the past few weeks. Can't recommend it highly enough. I thought Themeforest templates were a great secret weapon, but the thoughtfulness that went into the actual markup in Bootstrap makes working with it fast and painless. That said: no idea what's in Bootstrap 2. Someone got a concise summary?
- aaronbrethorst 15y agoThe docs offer more details: http://markdotto.com/bs2/docs/index.html http://markdotto.com/bs2/docs/index.html Here's my quick (and probably incomplete) list: - new 12 column grid - responsive layout - tons of new JS plugins - stacked forms are now the default - lots of new 'controls', like split buttons, new tabs, toolbars, highly styled radio buttons and check boxes. - icons(!)
- davidw 15y agoI wonder if this puts it 'ahead' of Zurb Foundation? I have this sneaking suspicion that even if Zurb does a 'good' job, unless it's way better, they're never going to get the publicity these guys do, and thus won't have quite the same feedback loop.
- aaronbrethorst 15y agoGood question, I don't know the answer. Honestly, I've looked at Zurb Foundation a couple times, didn't see anything that looked like an order of magnitude of 'betterness' over Bootstrap, and decided to keep using Bootstrap because of that feedback loop.
- loceng 15y agoThe one important thing Bootstrap was missing was the responsive layout.
- alwillis 15y agoThe Zurb guys talked about Foundation vs. Bootstrap on The Changelog podcast: http://thechangelog.com/post/13873612141/episode-0-7-0-foundation-and-other-zurb-goodies http://thechangelog.com/post/13873612141/episode-0-7-0-found...
- joshmanders 15y agoI am really liking how this bootstrap is going. I may give it a try in a project or 2.
- jeffclark 15y agoAwesome. Can't upvote this more. Used Bootstrap while building my new (launched today!) project. It sped up overall development more than I could have imagined. Really excited for the responsive upgrades.
- Dachande663 15y agoDoes anyone know if there are more detailed upgrade docs available? The ones provided in the repo (http://markdotto.com/bs2/docs/upgrading.html http://markdotto.com/bs2/docs/upgrading.html) mainly cover features and I don't fancy finding all the various classes that have changed since 1.4.
- medius 15y agoMarkup and CSS are the ones that generally slow me down the most. I really like where Bootstrap is going. It's a great boon for developers in my opinion, not to mention quick prototyping of designs for everyone.
- cpolk 15y agoI'm really liking some of the new js additions and looking forward to trying it out.
- esmevane 15y agoFantastic, guys. Great job. Question: I notice that the button styles are still static (as are a lot of the color styles). Are there any plans to implement project-wide color changing based on the primary color variable? I ask because I've hacked this out manually in a project at my day job, and another in my own free time. [Edit]: + I'd be more than happy to contribute this. (Probably should crosspost this to Github.)
- scorpion032 15y ago`@primaryButtonColor`, a less variable is by default set to `@blue`: http://markdotto.com/bs2/docs/less.html#Conponents http://markdotto.com/bs2/docs/less.html#Conponents . You can always change and recompile.
- esmevane 15y agoSorry, I could have been more clear. What I mean is, almost all of the colors are hard coded, unlike primaryButtonColor. You can easily adjust that one, but the others are trickier. The newest version of variables.less in the 2.0 wip branch seems to have these colors bubbled up to easier access, already, now that I look at it. But still, the buttons aren't all exposed - just the primary button. That's what I was suggesting.
- chefsurfing 15y agoI've been using Twitter Bootstrap on a two projects for months. It has a huge upside, even for designers who write their own CSS. Version 2 seems to be filling in some gaps ( like responsive design and navigation lists/tabs ) and "filling out" with many nice-to-haves ( like progress bars ). I'm really looking forward to using version 2. Thank you Mark and Twitter team for the great work!
- mrchess 15y agoDoes anyone know why LESS was picked over SASS for Bootstrap?
- joshfinnie 15y agoI don't know why, but if you are looking for SASS there is a fork: https://github.com/jlong/sass-twitter-bootstrap https://github.com/jlong/sass-twitter-bootstrap
- evilduck 15y agoI've been using https://github.com/thomas-mcdonald/bootstrap-sass/tree/2.0 https://github.com/thomas-mcdonald/bootstrap-sass/tree/2.0 for the last few days. I haven't encountered any problems. A big thanks to Thomas if you read this, a gem is way nicer than converting it myself.
- tmcdonald 15y agoMuch appreciated - it's nice to hear and see others using it. There's a few commits to catch up with on the 2.0-wip branch, hopefully I'll get some updates done and pushed today.
- latchkey 15y agoWhile Less and Sass are really similar products that do pretty much the same thing; I switched my site from initially using Sass (scss) to now using Less for three reasons: a) Bootstrap uses less and I'm using bootstrap. b) It was trivial to go from sass to less. Mostly just renaming files to have the right suffix. c) I'm sure someone can argue differently, but I really think that the mixin syntax for Less is significantly better than Sass. I don't use mixins all the time, but this is really important if you want re-usable code. With Less, you don't have to declare @mixin and then @include it. Instead, any less block becomes a potential mixin. That said, Sass has a compressor/minimizer and Less doesn't really have one. I had to integrate clean-css into my builds. It would be nice if Less had this by default.
- 15y ago
- masonhensley 15y agoLink to Bootstrap 2 repo: https://github.com/twitter/bootstrap/tree/2.0-wip https://github.com/twitter/bootstrap/tree/2.0-wip
- plf 15y agoThank you!
- RexM 15y agoAs a developer who just doesn't seem to "get" CSS, I love bootstrap. I can understand how it all works and it's so simple to use and quick to get things up and looking nice. Thanks so much to the twitter team.
- mrgreenfur 15y agoBootstrap is incredible. Incredible generosity! Thank you twitter!
- tnorthcutt 15y agoWhen you find a bug or have feedback, open a new issue on GitHub. Tag it as 2.0-wip right away so we know to prioritize it. It seems non-admins cannot tag/label an issue, FYI.
- ricksta 15y agoI used Bootstrap 2 for my weekend Hackathon project. The best feature I find is the media query. Also dividing the grid from 16 to 12 makes dividing the page up into 3 columns possible.
- nsxwolf 15y agoI recently used Bootstrap to skin the initial version of my paste bin project, and it produced a very nice result with no effort, especially for someone who is not a front-end guy. http://paste.ly/ http://paste.ly/ Looking forward to digging into Bootstrap 2.
- zmillman 15y agoYou should give your submit inputs the 'btn' class for better styling. The default style for submits makes them look disabled. (you can also add the 'primary' class to provide a splash of color and highlight the recommended action)
- nsxwolf 15y agoThanks for the tip! That looks a lot better now.
- maukdaddy 15y agoMake sure to randomize the paste codes. Otherwise it's too easy to just increment and see what everyone else has done: http://paste.ly/pastes/25 http://paste.ly/pastes/25
- overworkedasian 15y agohow i felt when i read that bootstrap2 is coming out very soon: http://i257.photobucket.com/albums/hh209/qxm_photos/Ghosts/randymarshafterwebbrowsre2.jpg http://i257.photobucket.com/albums/hh209/qxm_photos/Ghosts/r...
- lubos 15y agoyou are from reddit, right?
- JustinMowka 15y agoI have used Zorb's Foundation for all of my projects, just because of the responsive layout. Should I bother "porting" them to Bootstrap or is there no real advantage? I still am reluctant to move to Bootstrap, but due to its popularity I think it will get more updates and will attract more people willing to improve it ...
- envex 15y agoZurb. http://foundation.zurb.com/ http://foundation.zurb.com/
- johnx123-up 15y agoSupply download link (nowhere it's linked)
- lubos 15y agoI ended up pulling the whole 2.0-wip branch from github
- johnx123-up 15y agoYes, just figured it out https://github.com/twitter/bootstrap/zipball/2.0-wip https://github.com/twitter/bootstrap/zipball/2.0-wip
- gizzlon 15y agoSeems to be growing pretty fast: lib/ went from 76KB to 172KB ? Seems like a very big increase.. Should we be worried? (edit: Looks great though ;)
- neovive 15y agoGreat job and many thanks for this excellent framework! I've been waiting for this release for an upcoming project. I assume the use of HTML5 specific tags is optional. I noticed that the page used for the docs uses "<ul class="nav">" instead of "<nav>", but does utilize the "<footer>" tag. Is there a specific advantage to not using the "<nav> tag?
- yeswecan 15y agoIf you are using <ul> and <li> elements for your links it's one fewer tag in your HTML: <ul class="nav"> <li></li> </ul> vs <nav> <ul> <li></li> </ul> </nav> The only 'danger' is that if someone is specifically looking at your page specifically for <nav> tags to locate your navigation they won't find it.
- neovive 15y agoI can definitely see the semantic advantage of the <nav> tag, especially for robots and screen readers. Is there a way to programmatically treat the <nav> tag like a <ul> wihtout using an extra tag?
- dhydrated 15y agothe new tabs doesn't work properly. Cant switch between tabs.