分类: CSS

Bootstrap 3: Changes






Just  notice, the new version of Bootstrap coming out (version 3) . So i try it out today, found some interesting changes there, hmmm..i just list down whatever i have found out about the changes and also sharing of some my thoughts here. :)

The new Bootstrap takes on a mobile first approach.unlike in the old version of Bootstrap, in the new version of Bootstrap, there is a single CSS file, and supported responsive by default.the single fluid-grid system which uses percentages over pixels and is mobile first, starting with 940-pixel width and scaling up and down.The height class is no longer necessary on modals, they also show up larger on bigger displays than the current version. Form input fields also default to 100% width, which means your forms automatically look great on mobile devices.

Also notice there are  few two new components, Panels and List Groups. Panels let you encapsulate an element into a box and easily add a heading. Whereas List Groups are for creating mobile-like lists with chevrons, badges, and other mobile-like sections.

and there are some changes, i have notice (mostly rename of class name)

  1. Hero unit ==>  typography –> Jumbotron
  2. Grid options change
  3. minor changes to typography in the new Bootstrap.The most noticeable is the use of a lighter version of Helvetica for the headings.
    1. things like @baseFontSize have been renamed to font-size-base.
    2. emphasis classes have changed a little bit
      1. the muted class is now called text muted
      2. text error class has been changed to text danger
    3.  img-polaroid class changes to the img-thumbnail class
    4.  icons are no longer rendered via a PNG sprite. They are now icon fonts
      1. Glyphicon prefix instead of the icon prefix,
    5. visible phone, visible tablet, visible desktop change to visible-sm ,visible-md , and visible-lg

Screen Shot 2013-08-11 at 11.33.01 PM




发表评论