8 ms·
Bootstrap 3
- message 13y agoDude, https://www.hnsearch.com/search#request/all&q=Bootstrap+3 https://www.hnsearch.com/search#request/all&q=Bootstrap+3
- scrrr 13y agoSo what. Now all the people that haven't seen it will notice. heh
- LukeWalsh 13y agoThe nav bar that automatically collapses for mobile is an excellent addition. This is one of the main things lacking in quickly made prototypes.
- nadaviv 13y agoThis exists in Bootstrap 2 too: http://twitter.github.io/bootstrap/2.3.2/examples/fluid.html http://twitter.github.io/bootstrap/2.3.2/examples/fluid.html
- NanoWar 13y agoWhy is everything flat :-C
- sluukkonen 13y agoIf nothing else, it's easier to override with your own styles.
- creativityhurts 13y agoExactly. In BS 2 it was such a pain to remove the gradients from buttons, the box-shadows from inputs and all the other extra UI effects that you didn't want to use.
- dangayle 13y agoLike the text-shadow on buttons. Yuck to remove.
- joeblau 13y agoI think it's flat because it's easier to add CSS and build up widgets as opposed to having a stylized widget, then trying to override the CSS to re-customize each widget. Foundation, the original front-end framework which Bootstrap emulates, works the same way.
- jaredmcateer 13y agoFoundation doesn't isn't completely flat though. Buttons, for example, hint at being intractable by giving a tiny bit of depth using the line at the top of the object.
- bonzoesc 13y agoFlat is in this year.
- taspeotis 13y ago> Bootstrap 3 It's a release candidate. The first of at least two. If you want discussion, check out https://news.ycombinator.com/item?id=6112141 https://news.ycombinator.com/item?id=6112141 (disclaimer: my submission). @mdo jumped in for a bit of commentary, too.
- chrisweekly 13y agoA big improvement: the media queries are ordered properly, mobile-first. Great decision.
- weego 13y agoMeh, at some point they should start to realise that you can't change everything every release and expect everyone to keep up. It feels like it's becoming more of a chore than the real initial win it was able to deliver on first release.
- jvzr 13y agoYou don't need to stay up to date with this kind of frameworks. It isn't like every update has security fixes. The company I work for uses several versions of Bootstrap 2 and we have no issue dealing with it. Newer projects will use BS3, but we don't need nor feel the need to update every project.
- steveklabnik 13y agoThere is an image gallery plugin that I use that secretly downloads its own latest version of bootstrap, which can conflict with the one you have loaded, breaking everything :(
- nahname 13y agoIt must be a very good library to be chosen in spite of that behaviour.
- steveklabnik 13y agoAs you might tell by my :(, I wasn't aware that it did this until quite recently. When it broke my site.
- db-dzine 13y agowtf is wrong with the button ... srsly. http://s14.directupload.net/images/130729/kassm787.png http://s14.directupload.net/images/130729/kassm787.png
- timdorr 13y agoThat looks like Internet Explorer. What version are you running?
- db-dzine 13y agofirefox actual version ... this happens after clicking the button!
- lukeholder 13y agosubmit a bug report on github issues.
- dasil003 13y agoPortuguese speaker? "Current" version is the English word I believe you meant to use.
- elyase 13y ago(We) Spanish speakers also tend to make the same mistake.
- adventured 13y agoI'm on Firefox 22, and the same thing happens here. Mouse over download button, click it, download pop-up appears, click cancel on the download, button disappears. It re-appears upon giving focus back to the page.
- epmatsw 13y agoStill happens in FF 25 nightly as well.
- phpnode 13y agoIt's interesting to see that the references to twitter are basically gone now, presumably this means we'll see more things from `Bootstrap` in future, perhaps a company since it already has a lot of mind-share.
- dave1010uk 13y agoThis looks like the changelog: https://github.com/twbs/bootstrap/pull/6342 https://github.com/twbs/bootstrap/pull/6342
- xtrumanx 13y agoI don't think I get the new grid system. <div class="col-12 col-sm-8 col-lg-8">.col-12 .col-lg-8</div> What's going on here? If I were to guess, I'm assuming it's going to be 12 columns if its a mobile, 8 if a tablet or a desktop. In what situation would that be useful? It looks like you'd end up with some pretty complicated mark-up quickly like that.
- lvh 13y agoYes, that is exactly what that means. A little further down, there's examples: http://getbootstrap.com/css/#grid http://getbootstrap.com/css/#grid They suggest that it doesn't end up awfully complicated. I could see how you could use it to make something complicated, but it seems to me that if you use it sparingly at the top-most level of markup, it shouldn't be too bad.
- jvzr 13y agoExactly that. It's useful if you want that particular content to span the whole width on mobile, but only 60% of the width on desktop (and make room for a sidebar, for instance). |----col1------| on mobile |----col2------| |--col1--||col2| on desktop Handy.
- olso4052 13y agoYa, I actually had that problem with BS2 when viewing it mobile. I ended up redesigning the site anyway, but this may be a big plus for Bootstrap. As others have said, a lot of times it's simpler to just build everything yourself and grab some CSS or whatever from Bootstrap, but when it comes to mobile viewing, Bootstrap is going to save a ton of time (at least for me).
- jamieomatthews 13y agoI agree with jvzr, I think it goes hand in hand with a true "mobile first" design. Most likely, you want to use the full width for your most important stuff going on in your site, and then as the screen gets bigger, maybe you include some extra stuff
- amouat 13y ago
- hawleyal 13y agoThe CSS/JS on the website is broken.
- dangayle 13y agoOther than the grid, it looks like all the classes and markup are the same. I wish the examples used more semantically meaningful html5 elements where appropriate, but that's not too big of a deal.
- mrgreenfur 13y agoI noticed last night that the forms have been cleaned up a bit and outfitted with new class names
- dangayle 13y agoOh, I missed the forms. I haven't had much call to use them in my current project, so I missed those.
- nateweiss 13y agoWhile simple, I believe Panel and Listgroup are new components; nice to have those nicely implemented and styled in the framework. Will be handy for me. In many ways I think Bootstrap helps the most with the little things like this. I am very appreciative of this terrific framework being made available for us to use.
- girvo 13y agoMan, I feel weird. I used BS2 temporarily, but then stripped it out for a straight reset and grid system. Old habits die hard, I guess, and what I Want from a UI doesn't always match Bootstraps ideas... I'll give this another shot for my startup prototype, but I have a feeling the same will happen. Is anyone else like that, or am I now old-school at the ripe age of 22?
- jvzr 13y agoMaybe you aren't the target audience? Maybe you need something else entirely?
- girvo 13y agoPossibly, but others I respect use it for the same things I tried too. Possibly an issue with me, rather than the framework, of course.
- jamieomatthews 13y agoI agree that it can bloat, and often customizing components takes as long as simply starting from scratch. However, I really like LESS, and bootstrap is full of some great less utilities. Customizing bootstraps less is a perfect example of why I love it, and how it saves me time
- palmer 13y agoWhich reset and grid system do you use? I have the same experience, and I end up un-checking every option except one or two on bootstrap's customization page for most of my projects.
- damoncali 13y agoI have no use for it myself. If I need a simple Bootstrap design, I can just copy some of the elements in plain old CSS and have a much simpler setup. If I need something complicated, Bootstrap is limiting - you end up rewriting it all anyhow. And the idea of keeping up with Bootstrap versions is just plain crazy to me. To each his own, I suppose.
- yesimahuman 13y agoIf anyone's interested, I wrote up a little guide on how to prepare yourself for B3 - http://blog.jetstrap.com/2013/07/bootstrap-3-how-to-prepare-yourself/ http://blog.jetstrap.com/2013/07/bootstrap-3-how-to-prepare-...
- jzone3 13y agoPersonally, I think the "Download Bootstrap" button is too ambiguous. Why is the default color the same as the background color, it is just confusing and ugly
- wilfra 13y agoI love that button, think it looks awesome.
- saurabhnanda 13y agoIs it just me or do flat styles actually have worse usability? There's absolutely no visual cue for what's clickable and what's not.
- wiremine 13y agoYeah, I agree. A good case-in-point is the new button groups. Here is 2.3.2: http://getbootstrap.com/2.3.2/components.html#buttonGroups http://getbootstrap.com/2.3.2/components.html#buttonGroups And here are groups in 3: http://getbootstrap.com/components/#btn-groups http://getbootstrap.com/components/#btn-groups There _is_ a rollover state, but it doesn't really convey it is a button anymore.
- zeckalpha 13y agoAnd rollover doesn't work if you are mobile-first.
- SkyMarshal 13y agoAside from the clear color contrast, optional mouseover effects, and icons (down arrows in some cases). I think this is the kind of change everyone loves to nitpick about, but that everyone adapts to.
- maaaats 13y agoI didn't like the shading/3d effect of everything in v2 and the excessive roundness. I think this looks better. But yes, some light shading on the buttons would be nice.
- hearty777 13y agoI'm assuming this was design by committee. The first versions of Bootstrap seem a whole lot better visually.
- jasonkester 13y agoBug report: - open on iPad in landscape - navigate to a long doc page - scroll halfway down - rotate to portrait Expected: content scaled to fit Actual: content zooms way in, document scrolls several pages - rotate back to landscape Expected: content returns to previous view Actual: content zooms even further
- frakkingcylons 13y agoIt's probably best if you submit bugs to their issue tracker: https://github.com/twbs/bootstrap/issues https://github.com/twbs/bootstrap/issues
- da_n 13y agoThis is awesome work, well done to the Bootstrap team.
- WickyNilliams 13y agoIs there actually a changelog somewhere or will that be written up with the full official release? I can't see anything detailing what's changed Also, it's a damn shame they're still using pixels for everything (from a cursory glance). Fluid grids (i.e. %-based) and ems (for font-size and media queries) are much better. They are infinitely more flexible and much more easily adaptable to any layout.
- pixelmonkey 13y agoThe Bootstrap 3 pull request has a lot of details about what is changing: https://github.com/twbs/bootstrap/pull/6342 https://github.com/twbs/bootstrap/pull/6342
- WickyNilliams 13y agoThanks, that's really comprehensive (perhaps too low-level for the end-consumer to care about). Reading through that PR it seems they are actually using percentage-based grids now, but the grid containers are fixed width (and probably defined in px). That's definitely better than completely fixed width grids, though I'd much prefer having max-width on my containers instead of an absolute value, and relative values used throughout
- pixelmonkey 13y agoThe actual reason that all the styles are "flat" right now? One of the main project authors removed them temporarily while he focuses on fixing other issues in the current pull request for Bootstrap 3. mdo commented: Gradients and other embellishments have temporarily been removed while I focus on other things. It has nothing to do with skeuomorphism or anything like that. Stop reading the tea leaves, people. Source: https://github.com/twbs/bootstrap/pull/6342#issuecomment-12332378 https://github.com/twbs/bootstrap/pull/6342#issuecomment-123...
- WickyNilliams 13y agoIt would be pretty neat if all the "gloss" was an additional, optional "module" that you could add in at your discretion. People who want something they can work with straight away can then add that in and get their gradients, drop shadows etc. People who want something more basic that they can augment with their own styles can then choose to not include this "module", and save themselves having to jump through hoops to undo the default styles (which is a pain, as anyone who has had to do this knows)
- greaterweb 13y agoIt's really unfortunate to see all the haterade being spilled over the comments. The efforts to take Bootstrap to version 3 were pretty significant, at the minimum they deserve a pat on the back for that alone. Here are some important concepts I think a good portion of people are missing. Upgrading - Don't upgrade for the sake of upgrading. If you have a fully functional site right now which uses or extends a previous version of Bootstrap your incentive to upgrade at this point is probably minimal. At some point you had conceded that version X of Bootstrap was the right front end framework for your project. If that has changed you need now concede you have some work ahead of you. Identify and evaluate the features introduced in Bootstrap 3 that are lacking from your current project. Scope out the markup and stylesheet refactoring required for any of the "must haves" and setup a schedule to integrate. Realize that this doesn't necessarily mean you are bringing Bootstrap 3 into your project, more so you may just be adapting your existing front end assets to model Bootstrap 3 features/patterns. This is really no different than an existing site that doesn't use Bootstrap now wanting to bring the framework into their project. If you've identified that you need Bootstrap 3 for your project, you would expect there is work to be put in. Usage - I see a number of comments critiquing design and usability. Is Bootstrap really intended to solve those problems for you? In my opinion this is a framework intended to bootstrap your front end assets and development efforts. It prescribes conventions for common component markup and their respective selector naming conventions. Think about that for a moment how valuable that is to your project (especially those with a large number of contributing developers). How many projects previous to one using Bootstrap did you have such well documented markup, style and naming conventions? Bootstrap standardizes and documents front end patterns for rapid adoption and implementation into your project. That's pretty damn special. If what they promote doesn't align with your needs or development practices, well, don't use it. Style - Bootstrap wasn't designed for your site, your users or even to keep up with the latest design trends. The styling, while in the view of many is decent, seems to have been intentionally minimalistic and not overly opinionated. It provides basic structure and basic styling. It's your starting point. You can get to your destination now a bit quicker without needing to reset their style rules. Having such minimalistic styles probably serves to be good motivation to get creative. If you want custom and don't have the design ability to get there, rest assured there will be a companion stylesheets to extend bootstrap coming soon to at a market place near you. Inspire - If the Bootstrap shoe fits, wear it. If Foundation, Pure or any other front end framework fits the need, use it. To me the great benefit of all these popular frameworks is they bring to light many well thought out development approaches to the front end. Not everyone will agree with them. They aren't always bullet proof. Though at the end of they day though they invoke developers to take a look at their individual assets and recognize areas of improvement. Find the framework or approach that best aligns with your needs and personal preference and customize the hell out of it.