Live data from Hacker News

Bootstrap 3.1 released

github.com

71–80 of 138 posts

Re: Bootstrap 3.1 released

#71
post #68

When are they going to add something like Foundation's block grid? That really comes in handy. (Note: I use both Foundation and Bootstrap). Block grid docs - http://foundation.zurb.com/docs/components/block_grid.html

Unless I am missing something, but I was able to easily reproduce it with current bootstrap styles: http://jsfiddle.net/MgcDU/8706/

Re: Bootstrap 3.1 released

#72
post #51
post #21

Earlier quoted context omitted.

We'll see how it goes—if enough folks complain, we can revisit :). I wanted the content to be in the absolute forefront with this update. That meant not affixing the top navbar and downplaying the side nav. I think it's super helpful, but again, I'm open to reversing things again if it'd be better for more folks.

It's almost a web standard that navigation links are on the left.

That's not really an argument, and that isn't standard navigation to begin with. It's for in-page links and the links highlight as you scroll. I would argue that it's perfectly intuitive.

Re: Bootstrap 3.1 released

#73
post #50

Earlier quoted context omitted.

Answer: Don't bother for large websites. Get normalize.css If you really need grids, you can get a lighter framework.

This is the answer I've been hoping to hear.

Or just don't use the parts of Bootstrap you don't need, it's fully modular.

Four steps for pairing BS down to your bare essentials:

1. Clone the repo [0].

2. Hide unneeded JS modules: Open ./Gruntfile.js [1], scroll down to `concat` task, delete or comment the JS files you don't need.

3. Hide unneeded CSS: Open ./less/bootstrap.less [2], delete or comment Less includes you don't need.

4. Run the `grunt` task to recompile it.

Voila, lightweight, stripped down Bootstrap with only the parts you care about, in less than 5m. The beauty of frontend build systems.

A side benefit is once you adapt a build system for your frontend, you can add all sorts of additional customizations [3] to it, BS just provides a nice initial setup for that.

[0]:https://github.com/twbs/bootstrap

[1]:https://github.com/twbs/bootstrap/blob/master/Gruntfile.js

[2]:https://github.com/twbs/bootstrap/blob/master/less/bootstrap...

[3]:http://gruntjs.com/plugins

Re: Bootstrap 3.1 released

#74

Question: If you were developing a large, content-driven site, would you bother with Bootstrap? Bootstrap seemed a bit like overkill when I had to use it in my old job. The CSS and markup seemed excessive, and the strict JS was kind of a pain to deal with. I know I can get something that looks half-decent up and running quickly with it, but if I'm not planning to take any visual design from it, is there much of an ad…

I'm veering toward thinking of bootstrap as more of a naming convention than anything else. I've been using it recently and it's nice enough, but feels a bit heavyweight for the sorts of things I want to use it for. In future I think I'll probably do my own css, but use bootstrap naming conventions, where appropriate.

Re: Bootstrap 3.1 released

#75

Question: If you were developing a large, content-driven site, would you bother with Bootstrap? Bootstrap seemed a bit like overkill when I had to use it in my old job. The CSS and markup seemed excessive, and the strict JS was kind of a pain to deal with. I know I can get something that looks half-decent up and running quickly with it, but if I'm not planning to take any visual design from it, is there much of an ad…

What's a good alternative?

http://purecss.io/

Re: Bootstrap 3.1 released

#76
post #6

Bootstrap has made my life monumentally easier for developing internal apps, yet I still feel like something isn't perfect. When developing mobile pages, I feel that the responsive interface is still not mobile-friendly enough for CRUD apps. I've played with RatchetUI (Which has Bootstrap members on the team), Semantic-UI, and Foundation, but the more-widespread adoption of Bootstrap keeps dragging me back in. I gues…

Defining all 4 screen sizes gets tedious. That aside, The new landing page on http://getbootstrap.com/ looks great

> Defining all 4 screen sizes gets tedious.

I've got to disagree, I think just having to add col size classes to divs to change how it's laid out on mobile/tablets/large monitors has helped tremendously, with 2.x it felt like we just had to hope it all worked out.

Re: Bootstrap 3.1 released

#77
post #71
post #68

When are they going to add something like Foundation's block grid? That really comes in handy. (Note: I use both Foundation and Bootstrap). Block grid docs - http://foundation.zurb.com/docs/components/block_grid.html

Unless I am missing something, but I was able to easily reproduce it with current bootstrap styles: http://jsfiddle.net/MgcDU/8706/

This is exactly why we haven't added it :).

Re: Bootstrap 3.1 released

#78
post #60

...and they still haven't moved to "sanity" by adding/supporting: * { box-sizing: border-box; } the line that I start all my CSS with nowadays. Quote from their docs: > Some third party software, including Google Maps and Google Custom Search Engine, conflict with Bootstrap due to * { box-sizing: border-box; }, a rule which makes it so padding does not affect the final computed width of an element.

Not sure why you'd think that—we've had it the last five months, since v3 dropped.

Re: Bootstrap 3.1 released

#79

Earlier quoted context omitted.

This is the answer I've been hoping to hear.

Or just don't use the parts of Bootstrap you don't need, it's fully modular. Four steps for pairing BS down to your bare essentials: 1. Clone the repo [0]. 2. Hide unneeded JS modules: Open ./Gruntfile.js [1], scroll down to `concat` task, delete or comment the JS files you don't need. 3. Hide unneeded CSS: Open ./less/bootstrap.less [2], delete or comment Less includes you don't need. 4. Run the `grunt` task to reco…

Or even simpler, use the customizer [0] to download the bits you want. A few checkboxes and you're done.

[0] http://getbootstrap.com/customize/

Re: Bootstrap 3.1 released

#80

Earlier quoted context omitted.

At the expense of not Googling it on my own, can someone provide a quick rundown of why this is a big deal? What's the difference between Sass and LESS?

You can copy existing CSS into a SASS project using SCSS.

Or use css2sass.heroku.com for SASS
Post reply on HN