Atitit. HTML CSS Framework Bootstrap foundation comparison and different Attilax big summary

Atitit. The comparison and difference of HTML CSS Framework Bootstrap Foundation attilax Big Summary

.    foundation comparison and difference 1

2 .  Bootstrap Tutorials 2

2 . 1. Bootstrap Introduction 2

2 . 2. Bootstrap CSS 2

2 . 3. Bootstrap Layout Components 2

2 . 4. Bootstrap plug-in 3

2 . 5. Bootstrap Other 3

3 .  Attilax Summary of Bootstrap 3

4 .  Reference 3

1.Bootstrap  Foundationthe comparison and different

Chen Ben: At present, similar functions can be solved by the foreign open source framework, such as Bootstrap,Foundation,Semantic UI .

Bootstrapis byTwitterin the .years8Open Source for the monthWEBFront End frame, collectionCSSand theHTML, using the latest browser technology for fastWEBDevelopment provides a suite of front-end toolkits, including layouts, grids, tables, buttons, forms, navigation, hints, and the core of which is based on LessFramework-builtCSS. Bootstrapthe framework has a beautiful style and a well-packagedJQplug-in, easy to use, based onBootstrap, which is unmatched by other frameworks, is one of its most popular conditions.

Author:: Old Wow's paw attilax Ayron, email:[email protected]

Reprint please indicate source: http://www.cnblogs.com/attilax/

The Foundation claims to be the world's best responsive front-end framework, which supports 5 grid layouts By default, and is the most complex and flexible of the three frameworks. Bootstrap supports four grid layouts by default, andPure defaults to one.

Semantic UI is a semantic design of the front-end framework, development more intuitive,UI building can debug output in real-time, its biggest feature is the full use of CSS3 animation effects, Simple and practical beautiful style.

We have used all of the above products, and we found that nearly 6% sites around the world are based on Bootstrap .

Give up Bootstrap &foundation, greet Semantic ui?-

metro ui is a set used to create similar to windows 8 metro ui , contains a full set of front-end components and basic styles a bit similar to bootstrap frame but not the same style ,w3cplus ...

2.Bootstrap Tutorials2.1.Bootstrap Introduction

Bootstrap Tutorials Bootstrap Introduction Bootstrap Environment Installation Bootstrap Visual Layout Less Tutorials

2.2.BootstrapCSS

Bootstrap CSS OverviewBootstrap Grid SystemBootstrap TypesettingBootstrap CodeBootstrap FormBootstrap FormBootstrap ButtonBootstrap PicturesBootstrap Auxiliary classBootstrap Responsive Utility

2.3.BootstrapLayout Components

Bootstrap font iconBootstrap drop-down menuBootstrap Button GroupBootstrap button drop-down menuBootstrap input Box GroupBootstrap navigation elementsBootstrap navigation barBootstrap breadcrumbs NavigationBootstrap Sub-pageBootstrap LabelBootstrap BadgeBootstrap Super Large screenBootstrap Page TitleBootstrap thumbnail ImageBootstrap WarningBootstrap progress barBootstrap Multimedia ObjectsBootstrap list GroupsBootstrap PanelBootstrap Wells

2.4.BootstrapPlugins

Bootstrap Plug-in overviewBootstrap Transition EffectBootstrap modal FrameBootstrap drop-down menuBootstrap Scrolling MonitoringBootstrap Label PageBootstrap Tool TipsBootstrap Popup BoxBootstrap Warning BoxBootstrap ButtonBootstrap FoldingBootstrap CarouselBootstrap Additional navigation

2.5.Bootstrapother

Bootstrap UI Editor Bootstrap V2 Tutorials Bootstrap HTML Encoding Specification Bootstrap CSS Coding specification

3.Bootstrapof theAttilax Summary

Automatically gives the SELECRT, the input box adds the style. Buttons need to be manually added

4.Reference

Give up Bootstrap &foundation, greet Semantic ui?-

Atitit. HTML CSS Framework Bootstrap foundation comparison and different Attilax big summary