4 ms·

Here's some 100% unmodified output from a page I threw together in about a minute just to post here: https://gist.github.com/3743829 https://gist.github.com/37

by mbleigh 14y ago

Here's some 100% unmodified output from a page I threw together in about a minute just to post here: https://gist.github.com/3743829 https://gist.github.com/3743829

juriga 14y ago
Here's the same output in CSSDeck for a more convenient preview: http://cssdeck.com/labs/vsjc8abl/0 http://cssdeck.com/labs/vsjc8abl/0 Aside from some empty class attributes and extra div wrappers, the markup is really close to what I'd write by hand. Great work with the export! EDIT: Oh, sorry - this isn't the same output as mbleigh posted. Mine is the tutorial page from Divshot when you first log in.
- mbleigh 14y ago
  Those empty classes are a known bug, they'll disappear soon enough!
mikezupan 14y ago
This is great cause it doesn't seem like it covers everything in div tags. Looks very clean and readable if you need to edit it by hand.
dorkrawk 14y ago
Wow that's some of the nicest generated code I've seen. This could be a very useful tool.
bduerst 14y ago
Looks clean. Nice.
driverdan 14y ago
That's some serious divitus going on with the nav. 5 nested divs for top navigation? No HTML5 elements?
- mbleigh 14y ago
  We're following the exact docs for Twitter Bootstrap with regards to HTML output, and yeah it can sometimes get a little div-heavy. We will be supporting other UI frameworks as well as emphasizing semantic HTML as much as possible as we grow beyond Bootstrap.
  - markdotto 14y ago
    Bootstrap creator here. * .navbar is for positioning/sizing. * .navbar-inner is required for the gradient because `overflow: visible;` is not respected by IE when `filter` is present. * .container is for centering the content within the navbar No idea what .navbar-content is—that's not part of the Bootstrap navbar component. We also use a `ul.nav`, not `div.nav`. So, close to the core, but not 100%.
    - mbleigh 14y ago
      Hey Mark, you're right on every count. The div.nav is a mistake that I thought I had fixed already, as for the rest let's just say it'll be fixed post-haste. Obviously we're HUGE fans of Bootstrap over at Divshot :)
      - markdotto 14y ago
        No worries, and we appreciate you being fans :). Just wanted to let you know, and I figured you're attention would be here anyway.
        msurguy 14y ago
        A bit unrelated, but I wanted to thank Mark and @fat, I think the president of the United States and the governor of the Universe should personally award them for creating so many jobs throughout the world. Bootstrap created lots of opportunities for people, startups, established companies and everyone in between. I really appreciate the work of @markdotto and @fat making Bootstrap. You guys rock!
      - 14y ago

by mbleigh 14y ago

Here's some 100% unmodified output from a page I threw together in about a minute just to post here: https://gist.github.com/3743829 https://gist.github.com/3743829

juriga 14y ago

Here's the same output in CSSDeck for a more convenient preview: http://cssdeck.com/labs/vsjc8abl/0 http://cssdeck.com/labs/vsjc8abl/0 Aside from some empty class attributes and extra div wrappers, the markup is really close to what I'd write by hand. Great work with the export! EDIT: Oh, sorry - this isn't the same output as mbleigh posted. Mine is the tutorial page from Divshot when you first log in.

mbleigh 14y ago
Those empty classes are a known bug, they'll disappear soon enough!

mikezupan 14y ago

This is great cause it doesn't seem like it covers everything in div tags. Looks very clean and readable if you need to edit it by hand.

dorkrawk 14y ago

Wow that's some of the nicest generated code I've seen. This could be a very useful tool.

bduerst 14y ago

Looks clean. Nice.

driverdan 14y ago

That's some serious divitus going on with the nav. 5 nested divs for top navigation? No HTML5 elements?

mbleigh 14y ago
We're following the exact docs for Twitter Bootstrap with regards to HTML output, and yeah it can sometimes get a little div-heavy. We will be supporting other UI frameworks as well as emphasizing semantic HTML as much as possible as we grow beyond Bootstrap.
- markdotto 14y ago
  Bootstrap creator here. * .navbar is for positioning/sizing. * .navbar-inner is required for the gradient because `overflow: visible;` is not respected by IE when `filter` is present. * .container is for centering the content within the navbar No idea what .navbar-content is—that's not part of the Bootstrap navbar component. We also use a `ul.nav`, not `div.nav`. So, close to the core, but not 100%.
  - mbleigh 14y ago
    Hey Mark, you're right on every count. The div.nav is a mistake that I thought I had fixed already, as for the rest let's just say it'll be fixed post-haste. Obviously we're HUGE fans of Bootstrap over at Divshot :)
    - markdotto 14y ago
      No worries, and we appreciate you being fans :). Just wanted to let you know, and I figured you're attention would be here anyway.
      - msurguy 14y ago
        A bit unrelated, but I wanted to thank Mark and @fat, I think the president of the United States and the governor of the Universe should personally award them for creating so many jobs throughout the world. Bootstrap created lots of opportunities for people, startups, established companies and everyone in between. I really appreciate the work of @markdotto and @fat making Bootstrap. You guys rock!
    - 14y ago