Bootstrap 3 preview • Hacker News Board

Re: Bootstrap 3 preview

#61

Post by psychometry » Sun, Mar 10, 2013, 5:46 PM UTC

lucisferre wrote: post #48

Kudos wrote: post #35

Earlier quoted context omitted.

The more people stop using Bootstrap as a complete design the happier I will be.

What would you suggest they use? Why does your happiness depend on this?

Use bootstrap, but customize the design to fit your brand. Bootstrap is a framework for building your own CSS on top of. The less opinionated it becomes, the better, since it'll make it easier to adapt the framework for your design.

Re: Bootstrap 3 preview

#62

Post by mratzloff » Sun, Mar 10, 2013, 5:49 PM UTC

manojlds wrote: post #34

mratzloff wrote: post #30

Mobile first? There are a ton of broken examples on my iPhone (grids, inline elements, etc.).

That's why it is in preview and not released?

I'm previewing my new flying car. It doesn't fly yet but it drives great on the road.

Re: Bootstrap 3 preview

#63

Post by brennanm » Sun, Mar 10, 2013, 5:53 PM UTC

president wrote: post #59

What's with the whitish glow on button text?

It's a dropshadow on the text which makes the button text look embossed when there is a gradient on the buttons.

There will be gradients on the buttons.

https://github.com/twitter/bootstrap/pull/6342#issuecomment-...

Re: Bootstrap 3 preview

#64

Post by frankblizzard » Sun, Mar 10, 2013, 5:54 PM UTC

alexvr wrote: post #31

Not sure if I like this at all. I think they need to call it Bootstrap 3: flat and fat! It just seems like a huge step back to me. It's not even an elegant "flat" design; it's like they scrapped everything and decided to make all classes (even buttons for God's sake) DIVs of different colors. The new navbar, for example, is literally a gray DIV with rounded edges. I use Bootstrap on my web app because I care about de…

That's what bootstrap themes are for, if you are not good in CSS yourself, you can easily install a custom theme on top of it.

Re: Bootstrap 3 preview

#65

Post by colmtuite » Sun, Mar 10, 2013, 5:55 PM UTC

president wrote: post #59

What's with the whitish glow on button text?

This is down to poor typographic styling. It can be removed with two lines of CSS:

-webkit-font-smoothing: antialiased; font-weight: bold;

Re: Bootstrap 3 preview

#66

Post by dictum » Sun, Mar 10, 2013, 5:58 PM UTC

alexvr wrote: post #50

Kudos wrote: post #35

Earlier quoted context omitted.

The more people stop using Bootstrap as a complete design the happier I will be.

Not everyone is a HTML/CSS hacker. It's a really valuable front-end framework. My app wouldn't look nearly as professional without it.

It's OK for the first iterations, but if you really care about your product, you should hire a HTML/CSS hacker.

Re: Bootstrap 3 preview

#67

Post by corresation » Sun, Mar 10, 2013, 6:00 PM UTC

pistacchioso wrote: post #33

I still fail to understand this. What's its purpose? To make all web pages look the same?

Bootstrap is nothing but a foundation, and while many sites simply take one of the examples and run with it -- which is a perfectly fine approach if you simply want to put some information out there in an accessible format -- many others use it simply as a structural foundation. I've worked with CSS for years and am quite honestly tired of the BS (primarily the hilarious endless recreation of the layout of the archaic table element -- somehow it became verboten and we've been trying to re-make it with CSS for years) and simply starting with the grid layout of bootstrap is a great start.

Re: Bootstrap 3 preview

#68

Post by terrellm » Sun, Mar 10, 2013, 6:09 PM UTC

The Responsive Utilities section is interesting with new classes such as .visible-phone and .hidden-phone (also tablet and desktop) but I find in my app that my customers want to see all of the columns even if it means a little bit of scrolling.

Zurb takes an interesting approach with their responsive tables (http://www.zurb.com/playground/responsive-tables).

Re: Bootstrap 3 preview

#69

Post by mgkimsal » Sun, Mar 10, 2013, 6:10 PM UTC

terrellm wrote: post #68

The Responsive Utilities section is interesting with new classes such as .visible-phone and .hidden-phone (also tablet and desktop) but I find in my app that my customers want to see all of the columns even if it means a little bit of scrolling. Zurb takes an interesting approach with their responsive tables ( http://www.zurb.com/playground/responsive-tables ).

bootstrap 2 (and 1 IIRC) have .visible-/.hidden- classes already - is there something new?

Re: Bootstrap 3 preview

#70

Post by jcomis » Sun, Mar 10, 2013, 6:13 PM UTC

MatthewPhillips wrote: post #60

andyl wrote: post #53

Mobile first - Yeah! Can anyone compare/constrast the mobilefirst-ness of Bootstrap3 and Zurb4 ?? Why would I use one vs the other??

That's a good question that I'd like to see answered. It seems to me that mobile-first is used as a buzzword here. Unless they are literally inventing features for the mobile layout and then finding a way to make them work on desktop -- for example if the navigation bar accordion thing was there before the full desktop navigation bar.

Not sure what you mean by this. Mobile first just means everything is designed starting from a mobile view. It's not a "feature" like some sort UI item, it's a style of design thinking with the goal of ensuring the mobile context is absolutely as simple as it can be. It's not a buzzword since this is how they approached this version.