TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Bootstrap 3 is mobile-first

100 点作者 storborg大约 12 年前

8 条评论

buro9大约 12 年前
I've found a few problems from using Bootstrap 3:<p>1) By going mobile first, browsers such as IE8 which don't implement media queries now require you to add in an extra 15KB of CSS to fix it ( <a href="https://code.google.com/p/css3-mediaqueries-js/" rel="nofollow">https://code.google.com/p/css3-mediaqueries-js/</a> ) , whereas all smart phones support media queries already.<p>2) By having glyphicons as fonts rather than sprites, we gain the ability to precisely size, place and colour the icon, but have now broken accessibility as the vision impaired or those choosing to have their browser use user specified fonts now get random characters displayed.<p>And that is it... the only 2 issues from a site currently in production and with users.<p>I should note that there are some really good bits, the extra support for mixins for example. I also personally also love that the new grid is now fluid and responsive by default. I like the declarative nature of col-lg-* and col-sm-* (though think a col-md-* should exist for fine-tuning layout tablets).<p>The biggest hurdle in coming from 2 to 3 is really the grid changes, the move to fluid, the changing of the class names. There are some minor changes to class names for buttons, forms, text colours, etc... but nothing that requires too much thought to deal with when upgrading.
评论 #5737157 未加载
numbsafari大约 12 年前
Forget about "mobile-first", this is probably the best part of Bootstrap 3:<p><i>Refactor components to be more mixin-friendly.</i><p>Honestly, Bootstrap will really benefit from being easier to fit into your own markup, rather than forcing your markup to fit Bootstrap. I mean: that's what CSS is kinda all about.
评论 #5735879 未加载
评论 #5736583 未加载
masonhensley大约 12 年前
I know it isn't really a big thing, but this is really going to cramp my style:<p>"Instead of .span and .offset, we're now using .col-span- and .col-offset-."<p>I can blaze through views using .row &#38; .span in HAML, not so much now. I envision tons of personal errors in the short term as I transition projects to BS3.<p>===========<p>Issue #2, does anyone know why Glyphicons won out over Font Awesome? ( <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow">http://fortawesome.github.io/Font-Awesome/</a> ) Isn't Glyphicons only free in .png? I'm kinda confused about how the licensing works here: <a href="http://glyphicons.com/" rel="nofollow">http://glyphicons.com/</a><p>===========<p>Issue #3 [This is under the modal section...] This sounds like a bad idea, I personally don't have an ios3/4 device handy, but someone should be on that for something as big as bootstrap:<p>"Test on iOS5. Not sure if we need to go older, but I want to check here to see how well fixed is supported."
评论 #5735394 未加载
评论 #5735581 未加载
评论 #5735401 未加载
评论 #5736190 未加载
评论 #5735203 未加载
notjustanymike大约 12 年前
"Updated class prefix for all icons: .glyphicon- instead of .icon-. We changed this for a more unique class, but also for consistency with the newly required base class as noted above."<p>Seriously, how is that in any way helpful?
评论 #5736733 未加载
评论 #5736773 未加载
评论 #5737807 未加载
markdown大约 12 年前
Going handheld first <i>and</i> dropping older browsers? Good to know they're following the path that Foundation took.
dangrossman大约 12 年前
It's also dropping IE7 and FF3.6 support. I'm glad they'll be hosting versioned docs as Bootstrap 2.x is going to be in use for a good while longer.
评论 #5735254 未加载
TylerE大约 12 年前
So they're becoming an annoying Zurb 4 clone? I don't get it.
grishma大约 12 年前
any idea as to tentative release date?
评论 #5735826 未加载