TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Bootstrap 3

194 pointsby bauerplalmost 12 years ago

23 comments

saurabhnandaalmost 12 years ago
Is 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.
评论 #6121503 未加载
评论 #6121790 未加载
评论 #6122023 未加载
yesimahumanalmost 12 years ago
If anyone&#x27;s interested, I wrote up a little guide on how to prepare yourself for B3 - <a href="http://blog.jetstrap.com/2013/07/bootstrap-3-how-to-prepare-yourself/" rel="nofollow">http:&#x2F;&#x2F;blog.jetstrap.com&#x2F;2013&#x2F;07&#x2F;bootstrap-3-how-to-prepare-...</a>
pixelmonkeyalmost 12 years ago
The actual reason that all the styles are &quot;flat&quot; 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.<p><pre><code> 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. </code></pre> Stop reading the tea leaves, people. Source: <a href="https://github.com/twbs/bootstrap/pull/6342#issuecomment-12332378" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;twbs&#x2F;bootstrap&#x2F;pull&#x2F;6342#issuecomment-123...</a>
评论 #6122276 未加载
taspeotisalmost 12 years ago
&gt; Bootstrap 3<p>It&#x27;s a release candidate. The first of at least two.<p>If you want discussion, check out <a href="https://news.ycombinator.com/item?id=6112141" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=6112141</a> (disclaimer: my submission).<p>@mdo jumped in for a bit of commentary, too.
girvoalmost 12 years ago
Man, 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&#x27;t always match Bootstraps ideas... I&#x27;ll give this another shot for my startup prototype, but I have a feeling the same will happen.<p>Is anyone else like that, or am I now old-school at the ripe age of 22?
评论 #6121051 未加载
评论 #6121118 未加载
评论 #6121033 未加载
评论 #6121125 未加载
评论 #6120971 未加载
评论 #6122156 未加载
评论 #6121278 未加载
评论 #6121376 未加载
messagealmost 12 years ago
Dude, <a href="https://www.hnsearch.com/search#request/all&amp;q=Bootstrap+3" rel="nofollow">https:&#x2F;&#x2F;www.hnsearch.com&#x2F;search#request&#x2F;all&amp;q=Bootstrap+3</a>
评论 #6120420 未加载
xtrumanxalmost 12 years ago
I don&#x27;t think I get the new grid system.<p><pre><code> &lt;div class=&quot;col-12 col-sm-8 col-lg-8&quot;&gt;.col-12 .col-lg-8&lt;&#x2F;div&gt; </code></pre> What&#x27;s going on here? If I were to guess, I&#x27;m assuming it&#x27;s going to be 12 columns if its a mobile, 8 if a tablet or a desktop.<p>In what situation would that be useful? It looks like you&#x27;d end up with some pretty complicated mark-up quickly like that.
评论 #6121723 未加载
评论 #6121035 未加载
评论 #6120863 未加载
评论 #6120864 未加载
评论 #6121218 未加载
weegoalmost 12 years ago
Meh, at some point they should start to realise that you can&#x27;t change everything every release and expect everyone to keep up. It feels like it&#x27;s becoming more of a chore than the real initial win it was able to deliver on first release.
评论 #6120847 未加载
WickyNilliamsalmost 12 years ago
Is there actually a changelog somewhere or will that be written up with the full official release? I can&#x27;t see anything detailing what&#x27;s changed<p>Also, it&#x27;s a damn shame they&#x27;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.
评论 #6122102 未加载
dave1010ukalmost 12 years ago
This looks like the changelog: <a href="https://github.com/twbs/bootstrap/pull/6342" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;twbs&#x2F;bootstrap&#x2F;pull&#x2F;6342</a>
nateweissalmost 12 years ago
While 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.
NanoWaralmost 12 years ago
Why is everything <i>flat</i> :-C
评论 #6120502 未加载
评论 #6120488 未加载
评论 #6120948 未加载
chrisweeklyalmost 12 years ago
A big improvement: the media queries are ordered properly, mobile-first. Great decision.
phpnodealmost 12 years ago
It&#x27;s interesting to see that the references to twitter are basically gone now, presumably this means we&#x27;ll see more things from `Bootstrap` in future, perhaps a company since it already has a lot of mind-share.
LukeWalshalmost 12 years ago
The nav bar that automatically collapses for mobile is an excellent addition. This is one of the main things lacking in quickly made prototypes.
评论 #6120463 未加载
jasonkesteralmost 12 years ago
Bug report:<p><pre><code> - open on iPad in landscape - navigate to a long doc page - scroll halfway down - rotate to portrait </code></pre> Expected: content scaled to fit<p>Actual: content zooms way in, document scrolls several pages<p><pre><code> - rotate back to landscape </code></pre> Expected: content returns to previous view<p>Actual: content zooms even further
评论 #6121977 未加载
db-dzinealmost 12 years ago
wtf is wrong with the button ... srsly. <a href="http://s14.directupload.net/images/130729/kassm787.png" rel="nofollow">http:&#x2F;&#x2F;s14.directupload.net&#x2F;images&#x2F;130729&#x2F;kassm787.png</a>
评论 #6120999 未加载
评论 #6121609 未加载
评论 #6120783 未加载
jzone3almost 12 years ago
Personally, I think the &quot;Download Bootstrap&quot; button is too ambiguous. Why is the default color the same as the background color, it is just confusing and ugly
评论 #6122214 未加载
hearty777almost 12 years ago
I&#x27;m assuming this was design by committee. The first versions of Bootstrap seem a whole lot better visually.
greaterwebalmost 12 years ago
It&#x27;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.<p>Here are some important concepts I think a good portion of people are missing.<p><i>Upgrading</i> - Don&#x27;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.<p>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.<p>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 &quot;must haves&quot; and setup a schedule to integrate. Realize that this doesn&#x27;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&#x2F;patterns.<p>This is really no different than an existing site that doesn&#x27;t use Bootstrap now wanting to bring the framework into their project. If you&#x27;ve identified that you need Bootstrap 3 for your project, you would expect there is work to be put in.<p><i>Usage</i> - I see a number of comments critiquing design and usability. Is Bootstrap really intended to solve those problems for you?<p>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.<p>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?<p>Bootstrap standardizes and documents front end patterns for rapid adoption and implementation into your project. That&#x27;s pretty damn special. If what they promote doesn&#x27;t align with your needs or development practices, well, don&#x27;t use it.<p><i>Style</i> - Bootstrap wasn&#x27;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.<p>It provides basic structure and basic styling. It&#x27;s your starting point. You can get to your destination now a bit quicker without needing to reset their style rules.<p>Having such minimalistic styles probably serves to be good motivation to get creative. If you want custom and don&#x27;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.<p><i>Inspire</i> - If the Bootstrap shoe fits, wear it. If Foundation, Pure or any other front end framework fits the need, use it.<p>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&#x27;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.<p>Find the framework or approach that best aligns with your needs and personal preference and customize the hell out of it.
da_nalmost 12 years ago
This is awesome work, well done to the Bootstrap team.
dangaylealmost 12 years ago
Other than the grid, it looks like all the classes and markup are the same.<p>I wish the examples used more semantically meaningful html5 elements where appropriate, but that&#x27;s not too big of a deal.
评论 #6120911 未加载
hawleyalalmost 12 years ago
The CSS&#x2F;JS on the website is broken.