Twitter Bootstrap 2.0 pre-release demo

http://bootstrap.io/Demo/

by synparb • 15 years ago

160 59 15 years ago

bootstrap.io

* bootstrap.io is not from or sanctioned by the Bootstrap Team

necolas• 15 years ago

This isn't an official release yet.

Reply

tmcdonald• 15 years ago

Yeah, I spent a couple of hours porting the Bootstrap 2.0-wip branch to SASS yesterday (so bootstrap-sass is half ready when it's released) and I was surprised to see 'Bootstrap 2.0' posted on HN, seeing as I've seen 'a few weeks' quoted as the release date.

bootstrap.io isn't actually running the most up-to-date documentation: it's missing the new style dropdowns, as well as the JS builder and a few plugins (typeahead, carousel etc).

Reply

synparb4• 15 years ago

I'm changing the title to reflect that it is a pre-release demo

Reply

omfg• 15 years ago

Thanks, it was kind of confusing before.

A lot of great stuff going on in the 2.0 version. Excited for it's release.

Reply

drivebyacct22• 15 years ago

I'd love for someone smarter than me to compare Zurb Foundation and this. It seems like Twitter has a few except things (pill-button callouts, etc), but Foundation seems VERY responsive-focused whereas Twitter Bootstrap seems to have added responsiveness in.

Reply

dfischer• 15 years ago

I've used both. I found Zurb to be lacking in components related to Bootstrap. Bootstrap is definitely more featured.

Reply

nchuhoai3• 15 years ago

I'm sure we know by now that more features doesn't better. Depends on the use case

Reply

phatbyte• 15 years ago

First thing that pops up to me it's how beautiful and well designed the TB is when compared to Zurb.

In terms of implementation I've only used TB, and it was simple, not very intrusive.

Reply

nchuhoai3• 15 years ago

Conversely, people could attest the same thing for Zurb. I have used both and I like Foundation a lot better. Haven't tried tb 2.0 yet which apparently has the responsive grid which is the main feature of foundation

Reply

chetan51• 15 years ago

I always thought Foundation's grid system was way better. It's responsive and infinitely nestable (and I like the naming scheme better). But Bootstrap 2.0 might change all that.

Reply

rgrieselhuber2• 15 years ago

We looked closely at both and, while Bootstrap has far more features / UI elements, the attention to detail in building responsive pages is better in Foundation, IMO.

The elements are nice to have in Bootstrap but we are building our own elements on Foundation's solid platform and feel better about it over the long term.

Reply

drivebyacct22• 15 years ago

My understanding is that responsive layouts is a big part of the 2.0 of Twitter Bootstrap. Did you evaluate it or the 1.0 version?

Reply

danneu• 15 years ago

I found that Twitter Bootstrap has better looking defaults after using a morning caffeine burst to drop Zurb Foundation into my app and see the difference. For example, things scaled much nicer on Bootstrap when I started Ctrl-MouseWheeling the text size.

That said, I hope Bootstrap 2.0 nails responsive design. I think we should be checking our progress on mobile devices as we develop, not drop in a mobile solution at the end and hope it works. Responsive design is the hard part whereas look-and-feel CSS is more trivial to drop in.

Reply

Zepplock• 15 years ago

I have tried both Twitter 1.x and Zurb with Ruby on Rails and I found Zurb to be easier to use and have a better structure internal structure, easier to customize, etc

Reply

_pius3• 15 years ago

I built https://www.becouplydates.com/ on the 2.0-wip branch. We've been very pleased with it.

Reply

jsavimbi• 15 years ago

shameless plug.

Reply

bprater• 15 years ago

Browsing your source: the <center> tag is deprecated, friend.

Reply

_pius3• 15 years ago

Haha, I'm well aware ... and pretty embarrassed. :)

Reply

loucal• 15 years ago

I know 2.0 isn't finished yet but I checked out the progress on the 2.0-wip branch yesterday and the 'responsive' part of it is definitely not polished yet. In contrast I have played with skeleton and it resizes much better out of the box. For example, when you start to resize that page check out the footer text and the way you lose text behind the video. I also don't like how when things go wrong instead of having to scroll horizontally it cuts off content. (ideally everything would resize perfectly, but I think cutting off information is the last thing we want)

Reply

vlokshin• 15 years ago

Look at http://bootstrap.io/Demo/BaseCss in FF (PC) -- anyone else see anything odd?

Reply

kodablah2• 15 years ago

Not when navigating to that link directly, but I do when I click "Base CSS" at the top.

Reply

ryanbraganza• 15 years ago

What is it?

Reply

steipete• 15 years ago

is there any changelog for 2.0?

Reply

kodablah2• 15 years ago

http://bootstrap.io/Demo/Upgrading

Reply

cstuder• 15 years ago

The 2.0 is not yet in the change log: https://github.com/twitter/bootstrap/wiki/Changelog

But you'll find some indication of the work done on the road map: https://github.com/twitter/bootstrap/wiki/Roadmap

Reply

latchkey• 15 years ago

I've been working heavily with 2.0 for a couple of months now and it is a huge improvement over 1.x. I've converted 90% of a $20 template that I bought over to it and it cut out a ton of bad css (you get what you pay for I guess).

It is still a bit in flux (ie: they just renamed a bunch of css for alerts and tables), but if you don't mind tracking the progress (made easy with your own git branch), it is a great basis to start a website from.

Reply

zxypoo• 15 years ago

Please note that this is a demo (outdated too) and not really authorized by the project itself. It's unfortunate that some folks feel a need to put something up so quickly.

If you want to look at the current status of 2.0 and help test the release, please look at the 2.0-wip branch: https://github.com/twitter/bootstrap/tree/2.0-wip

The team expects to release something in a few weeks.

Reply

synparb4• 15 years ago

Good point. It is a bit confusing since it looks fairly official and all links point to the project. Hadn't seen this discussion previously: https://groups.google.com/forum/#!topic/twitter-bootstrap/ux...

Reply

dminor2• 15 years ago

Glad to see there are some variables for setting things like the navbar colors - I just started adapting a site to the 1.4 version and had to start out by changing all of the rules individually so I could implement a different color scheme.

Edit: Actually, I take it back as there are still hardcoded colors and the assumption that you are using white as the text. Would be nice if it was based off a few variables instead.

Reply

darylteo• 15 years ago

Couldn't this be changed in the 'less' files?

Reply

dminor2• 15 years ago

Those are the files I'm referring to - if you look in navbar.less for example, you'll see lots of

  color: @white;

in the various navbar rules. It would be great if there was a single variable:
@navbarTextColor: @white;
and then all the rules could include:
color: @navbarTextColor;
which is essentially what I've ended up doing.

Reply

mnazim• 15 years ago

Does anyone else see the "Example Blockquotes" section all f*ed up or is it just me. (FF 9, Ubuntu)

Reply

epochwolf• 15 years ago

The link just redirects to the 1.4.0 version of bootstrap.

Reply

synparb4• 15 years ago

After talking with the Bootstrap developers, I believe they asked the people who put up the demo, which was unofficial, to take it down and it looks like they complied: https://twitter.com/#!/synapticarbors/status/159390827217559...

Reply

jaequery• 15 years ago

it just takes me to twitter bootstrap github, is the site down?

Reply

jjcm• 15 years ago

I put up a call-to-action site for sopa the other day. Due to the timely nature of the site, we had to get it up fast. Ended up using bootstrap for the first time. Was highly impressed - we were able to get a decent looking site up in around an hour. Looking forward to 2.0.

Reply

davej• 15 years ago

It bugs the hell out of me that they apply styling to vanilla tables. I wish they'd namespace it with a class because it messes up things like datepickers on JQuery-UI.

Reply

visural• 15 years ago

Couldn't the same argument be applied to JQuery UI then?

Reply

FuzzyDunlop• 15 years ago

Not that I've checked, but common sense dictates jQuery UI (and any other such lib) does use a class to identify elements.

That doesn't, however, mean they don't inherit from the style of the base element. Which they will, no matter how they're classed or ID'd, if the base elements have been styled in CSS.

Reply

jldteixeira• 15 years ago

No, because jQuery UI does not style "vanilla" elements. Namespaces are used to prevent it from breaking external styling.

Reply

po• 15 years ago

Yes! This was immediately what I checked to see if they had changed it.. and they haven't. I was really impressed with the look and feel of the Bootstrap UI but once I started to look through the code, I really felt let down. Here were other issues I saw:

* styling of default elements (like table) interferes with other styles

* inconsistent use of variables

* encouraging users to define columns with html classes (span4, offset6) instead of using less to apply the rule to the html.

* completely incompatible with JQuery UI (they had an open bug about it with some workarounds)

In the end, I ended up just picking a few good ideas out of it. It looks great and it's probably ok for a certain class of sites but be aware of the limitations as well.

Reply

sunchild• 15 years ago

I agree. If you can use SASS or LESS, it makes namespacing Bootstrap really easy, though.

Reply

sopooneo• 15 years ago

Why are CSS frameworks becoming so prominent only now? Why weren't they coming out as much years ago? It seems like they would have been even more useful then.

Reply

dangrossman• 15 years ago

Broad browser support for the visually interesting parts.

Reply

Honzo• 15 years ago

I'm just getting redirected to the original bootstrap page at http://twitter.github.com/bootstrap/

Reply

kaiwen1• 15 years ago

The link no longer works. Redirects to v1.x.

Reply

fauzias2• 15 years ago

Here are an alternative private link to bootstrap v2.0 http://mrtopf.de/bootstrap/docs/

Reply

fauzias2• 15 years ago

*EDIT, it seems that the link are 404 since today, i'm unable to locate alternative

Reply

justindocanto2• 15 years ago

I just used this bootstrap, to make this: http://www.piparollcall.com/

pretty awesome. very small when minified, even without less.

love it!

Reply

justindocanto2• 15 years ago

so it turns out im getting a HUGE response from this website. over 2000+ tweets to senators, now listed on craigslists sopa page... and couldn't have done it as fast as i did without the bootstrap. thanks twitter <3

Reply

joshontheweb• 15 years ago

I still prefer http://getskeleton.com as a boilerplate over Twitter Bootstrap. Bootstrap tries to do too much. Skeleton does just enough to be useful and then gets out of the way.

Reply

xinsight• 15 years ago

I'm fond of skeleton as well. The only drawback I've found is that it uses a 16-column layout. I find I often want to divide the screen in thirds and 12-columns would be much handier.

Reply

synparb4• 15 years ago

The release data of Bootstrap 2.0 has been announced: https://dev.twitter.com/blog/open-source-summit-bootstrap

Reply

Twitter Bootstrap 2.0 pre-release demo

Related Stories