13 ms·
Bootstrap 2.1 released
- conradfr 14y agoOne tip I use with icons, especially on colored backgrounds like alerts, is using a class like : i.icon-blend { opacity:0.8; }
- loceng 14y ago2 days early! So excited. Too excited perhaps.
- paulrademacher 14y agoIs the semicolon in "tl;dr" strictly necessary?
- johnnymonster 14y agoyes...
- cletus 14y agoFunny how they put the semi-colon there but not in the Javascript.
- ricardobeat 14y agoYes. "Too long didn't read" is not grammatically correct.
- Johngibb 14y ago(For those who don't know there was a standoff between the bootstrap guys and the maker of a popular js minifier tool [Douglas Crockford I think?] over the pragmatism of ending lines in js with semicolons. Bootstrap claims that semi-colons are optional and verbose, while the minifier folks espouse semi-colons as a best practice, and have chosen to consider it "not a bug" that their minifier breaks working code with no semi colons in some cases.)
- FixThisPOSSite 14y agoI had to create a special E-mail filter to send that endless stream of bullshit to the trash from the mailing list.
- ricardobeat 14y agotl;dr I'm in the optional semi-colons camp, and it is a bug in the minifier :)
- Johngibb 14y agoWhy not just put them on separate lines? Let the optimizer figure out when to add them. :)
- landr0id 14y agoYes. It's to avoid a comma splice and a sentence fragment. "Too long; don't read," versus "Too long, don't read," versus "Too long. don't read."
- markdotto 14y agoCome on, meow, I thought we were past this :).
- johnnymonster 14y ago@loceng I might be more excited than you
- staunch 14y agoFYI: If you click "reply" on an individual comment you can respond directly to someone else's comment (as I've done here).
- loceng 14y agoHe was hoping this was Disqus platform perhaps..
- noinput 14y agoOr he was commenting about the twitter bootstrap, in kind of a twitter reply.
- johnnymonster 14y agoim glad someone was able to figure it out...
- johnnymonster 14y agoplease don't say the D word...
- loceng 14y agoSo excited you couldn't find the reply link -- I understand.
- johnnymonster 14y ago@loceng yup lol :)
- mgallivan 14y agoI'm happy that the fluid offsetting made it into this version.
- ThePinion 14y agoI just tried out 2.0.4 (and Bootstrap in general) for the first time an hour ago. I'm already obsolete!
- mrchess 14y agoCan you actually host the old documentation this time and not leave us in the dust like you did in the 1.4 => 2.0 release?
- michaelbuckbee 14y agoIt's still available in the source.
- moe 14y agoThat is not enough. Old documentation MUST STAY ONLINE. How can that possibly be not obvious?
- dangrossman 14y agoIt does "stay online". Why must it also be hosted for you? When you download Bootstrap, you get all the docs in a folder. Open the index in your browser. All the old versions are tagged on GitHub and can be downloaded forever.
- moe 14y agoSo when bootstrap releases a new version suddenly everyone must switch to self-hosting their docs? Because leaving the friggin' docs online costs so much? It's inconceivable we are having this discussion on HN.
- drivebyacct2 14y agoIt's inconceivable that projects are expected to host old docs forever. Jesus, it's in the zip that you get if you download the Github snapshot anyway. It's literally 20 seconds of your time to have your own local copy.
- redslazer 14y agoThere is a big difference between forever and switching it off as soon as you change versions. Most people were still using 1.4 when 2 came out so leaving the documentation up for a year or something would not have been difficult.
- mukaiji 14y agoI love bootstrap. Yeah, i hate the fact that all the mvp's out there basically look & feel the same by using it as the go-to css framework, but at the same time it's helping people iterate a lot faster and that's rarely a bad thing. In addition, given how Twitter's bootstrap's look & feel is starting to influence web design at large, I wonder if there is a case for other large web-players to make their own css framework to impact the look and feel of sites to their favor. Think of it as disguised propaganda.
- lukifer 14y agoI agree with one exception: fixed headers are an eyesore and a usability anti-pattern in most cases. Even regular users know how to scroll to the top.
- mukaiji 14y agoyeah it's amazing how removing that black fixed bar make it seem suddenly so... open.
- markdotto 14y agoI actually pulled it at the last minute, but I was considering removing it for 2.1. Perhaps in 2.2 when we continue to evolve the docs :).
- mukaiji 14y agoI think it's a matter of personal taste. Since all the examples used to display the bar, people probably had a tendency to include the black-bar without thinking too much about it. However, nothing prevents you from building a very functional site without it (I know i have). Either way, huge prop for the awesome work! The new doc is simply excellent and the whole framework is just remarkable, particularly if one considers how far you guys have pushed it in less than a year.
- adrianbg 14y agoWould you mind elaborating? Isn't it more convenient to be able to navigate without having to scroll to the top?
- mbell 14y agoThanks as always for working on bootstrap, its an invaluable tool. Couple thoughts: Maybe its just me but I think the docs site a huge step backwards in usability. The dark blue <-> red graphics offset by the blue of their primary buttons is a little...gross. I am also not at all a fan of the left hand navigation panel, I get that they are trying to show off the affix component but I'd rather have the content be full width as its all I am really there for. I found the sliding top sub navbar far less obtrusive and easier to navigate. Also: so white is the default for the navbar but the demo site is still using black?
- dangrossman 14y agoI <3 Bootstrap, but I did find the old documentation easier on the eyes and easier to navigate as well.
- eungyu 14y agoThis is just a speculation, but I think bootstrap-affix.js is their new baby. If there is one thing that the new navigation does well, it's promoting the affix js feature (scrollspy stuff).
- zakshay 14y agoI like the documentation navigation style using affix in rc - http://rc.getbootstrap.com/customize.html http://rc.getbootstrap.com/customize.html
- zentrus 14y ago+1 on left hand navigation being a bad idea. I now see 20% less information on the screen as I try to quickly find something.
- reedlaw 14y agoI like the new navigation and layout better because I can find everything in one large column. Before I had to scan both up/down and right/left because of the multi-column layout.
- kaleistyleguide 14y agoIf anyones interested I've been working on a bootstrap-like style guide generator for your own themes. http://kaleistyleguide.com http://kaleistyleguide.com
- dchest 14y agoUnfortunately, it seems like submenu implementation has the classic mistake: it requires mouse cursor to travel strictly along the menu item to get to the submenu. Pictures: http://imgur.com/a/pSDOo http://imgur.com/a/pSDOo
- jfb 14y agoThere is no more egregious web UI failure than the hated double-hover. It's a disaster of the first water.
- rweir 14y ago>It's a disaster of the first water. hahahahaha
- jameswyse 14y agoYep, the trick here is to keep the menu open even after the mouse has left the parent menu area. It's so simple yet probably quite difficult to code.
- trapexit 14y agoNot difficult at all. For a simple fix, one just needs to add a timeout between receiving the mouseOut event and hiding the menu. OS X appears to do something slightly more complicated; it hides the menu immediately if you mouse out away from the submenu, but keeps the menu open for about one second if you mouse out towards it.
- ccarpenterg 14y agoThe docs for previous versions: https://github.com/twitter/bootstrap/tags https://github.com/twitter/bootstrap/tags
- sudonim 14y agoBootstrap has been an invaluable asset for building our MVP. I'm glad we got rid of the top bar, and very few people actually think we use bootstrap. But it affords us wonderful defaults for tables, buttons, menus, modals etc. If the team making it reads this, thank you. I owe you many beers for what you've given us.
- SkyMarshal 14y agoInteresting comments on the Extend page [1] on why LESS vs SASS: Why LESS? One of Bootstrap's creators wrote a quick blog post [2] about this, summarized here: - Bootstrap compiles faster ~6x faster with Less compared to Sass - Less is written in JavaScript, making it easier to us to dive in and patch compared to Ruby with Sass. - Less is more; we want to feel like we're writing CSS and making Bootstrap approachable to all. [1]: http://twitter.github.com/bootstrap/extend.html http://twitter.github.com/bootstrap/extend.html [2]: http://www.wordsbyf.at/2012/03/08/why-less/ http://www.wordsbyf.at/2012/03/08/why-less/
- rapind 14y agoTo each their own. The third point is actually why I prefer SASS. I like meaningful whitespace.
- knite 14y agoI'd prefer Stylus over both LESS and SASS. Now that Bootstrap is relatively stable, I intend to port it.
- masonhensley 14y agoIt may be easier to just help update this to 2.1- https://github.com/thomas-mcdonald/bootstrap-sass https://github.com/thomas-mcdonald/bootstrap-sass
- superchink 14y agoI believe they were referring to porting bootstrap to Stylus (rather than SASS)…
- rapind 14y agoStylus is nice, but I'm just not comfortable dropping the colons yet. Maybe I'll give it a go for a project and see if I come around.
- archildress 14y agoBootstrap has restored the joy I used to have in building websites. I can think more about design and what I want to stay instead of cross site compatibility, pixel dimensions, and building responsive designs. Thanks so much to the team at Twitter for putting this out there.
- otneusnocuh 14y ago"Bootstrap's global default font-size is 14px, with a line-height of 20px." Anyone know/can guess why they use pixels rather than ems?
- orangethirty 14y agoThe customize area is really helpful and chops off time lost going through the source trying to customize it by hand. Great addition. Thanks for all the hard work.
- knite 14y agoHave you checked out the LESS code (instead of the compiled CSS)? The file variables.less has the same settings (with comments!) as the online customizer. It's much faster to tweak that file and recompile than it is to use the compiler.
- orangethirty 14y agoYes, thank you. I'm just a sucker for GUIs.
- sunkencity 14y agoIt's fantastic! With the addition of date/timepicker it'd be complete.
- justindocanto 14y agoI really do not like this new boostrap page. There's too much back and forth (left and right) hopping going on with my eyes. It doesnt feel very natural. It's like driving and then looking at the passenger over and over. I don't like it. Keep everything above the content and keep it full width like it was, but that's just my opinion.
- deleted 14y ago[deleted]
- azat_co 14y agoOh wow, I love the new doc website. This is so cool! Keep up the great work!
- eungyu 14y agoThe navbar component is now white by default. Thank you for handing out coloring papers to the devs. Seriously, this will make the entire web 10% more unique.
- edwinyzh 14y agoExcellent work, Bootstrap is awesome! Thanks! BTW, I found almost all Bootstrap-powered websites I visited uses sticky top navigation, which wastes considerable amount of my precious vertical screen estate. Another wide-screen wasting example is the new Gmail and Google Groups - and what's even worse is that they force you to use the new UI. I find sticky top navigation is annoying and nothing else, I just don't get it, aren't many people using width screens nowadays? Or is it just me? Maybe Bootstrap's nav should be non-sticky by default?
- gadders 14y agoI've already started a 2.04 site. As a web design newbie, how hard is it to update to the latest version? Just copy over the js and css? (I realise I'd need to re-write my html to use the new features).
- lepunk 14y agoAwesome news. For me the most important thing about the update is that the modal popup works with the latest Opera. Also the docs feels easier to use.
- jacobr 14y agoI wonder if moving further away from the twitter.com look is intentional, for branding purposes.
- brianhc 14y agoIt's strange to browse a website while someone changes pages from up underneath you. I'm trying to develop here! That aside, thanks for creating this. Bootstrap makes prototyping a pleasure.
- cloudsteam 14y agoSorry to be a noob, but how does one get that glowing button effect as seen on http://rc.getbootstrap.com/index.html http://rc.getbootstrap.com/index.html ?
- lovskogen 14y agoCSS Box Shadows: http://css-tricks.com/snippets/css/css-box-shadow/ http://css-tricks.com/snippets/css/css-box-shadow/
- jammmuel 14y agoOne of my main beefs with Bootstrap was that it felt cramped. The switch to 14px body text with 20px line height addresses that. Personally, I'd increase the default line height a bit more.
- lovskogen 14y agoQ: I run "less ./less/bootstrap.less > bootstrap.css" – but the bootstrap.css just contains links to all the less-files, and not one full css-file. What command do I need to do?
- dagw 14y agothe command you want is 'lessc'. 'less' is the standard Unix command for displaying text files
- MatthewPhillips 14y agoAny plans for dropping JQuery as a dependency on the controls?
- taude 14y agoI've been using Zurb Foundation (http://foundation.zurb.com/ http://foundation.zurb.com/). It doesn't have as many feauture-rich components, but found the responsive grid easy to use and I really appreciate the fact that my site doesn't look like everyone else's...
- southphillyman 14y agoThanks , hope to play around with it this week.
- lenkite 14y agoNone of the table examples in the documentation work (striped, hover, etc) at http://twitter.github.com/bootstrap/base-css.html#tables http://twitter.github.com/bootstrap/base-css.html#tables on Chrome 21
- praveenhm 14y agoThis is great tool
- fudged71 14y agoI'm not very colorblind, but the "warning" color used for the progress bars is far too similar to the "success" color. Please consider a brighter yellow.
- dhenzel 14y agoLooks like www.bootstrapcdn.com has already updated their files.