advancio, inc academy: bootstrap

15

Upload: advancio

Post on 13-Jul-2015

43 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Advancio, Inc Academy: BootStrap
Page 2: Advancio, Inc Academy: BootStrap

Summary

• 1-What is Twitter Bootstrap?

• 2-Why use Bootstrap?

• 3-What Bootstrap Package Includes?

Page 3: Advancio, Inc Academy: BootStrap

« 1 »

What is Twitter Bootstrap

Page 4: Advancio, Inc Academy: BootStrap

What is Twitter Bootstrap?

Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript.

History

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It was released as an open source product in August 2011 on GitHub.

Page 5: Advancio, Inc Academy: BootStrap

« 2 »

Why use Bootstrap

Page 6: Advancio, Inc Academy: BootStrap

•Mobile first approach: Since Bootstrap 3, the framework consists of Mobile first styles throughout the entire library instead of in separate files.

•Browser Support: It is supported by all popular browsers.

Why use Bootstrap?

Page 7: Advancio, Inc Academy: BootStrap

Why use Bootstrap?

• Easy to get started: With just the knowledge of HTML and CSS anyone can get started with Bootstrap. Also the Bootstrap official site has a good documentation.

•Responsive design: Bootstrap's responsive CSS adjusts to Desktops,Tablets and Mobiles.

Page 8: Advancio, Inc Academy: BootStrap

« 3 »

What Bootstrap Package Includes

Page 9: Advancio, Inc Academy: BootStrap

1-What Bootstrap Package Includes?

Scaffolding:

Bootstrap provides a basic structure with Grid System, link styles,

background. This is is covered in detail in the section Bootstrap Basic

Structure

Page 10: Advancio, Inc Academy: BootStrap

2-What Bootstrap Package Includes?

CSS:

Bootstrap comes with feature of global CSS settings, fundamental HTML

elements styled and enhanced with extensible classes, and an advanced

grid system. This is covered in detail in the section Bootstrap with CSS.

Page 11: Advancio, Inc Academy: BootStrap

3-What Bootstrap Package Includes?

Components:

Bootstrap contains over a dozen reusable components built to provide

iconography, dropdowns, navigation, alerts, popovers, and much more.

This is covered in detail in the section Layout Components.

Page 12: Advancio, Inc Academy: BootStrap

4-What Bootstrap Package Includes?

JavaScript Plugins:

Bootstrap contains over a dozen custom jQuery plugins. You can easily

include them all, or one by one. This is covered in details in the section

Bootstrap Plugins.

Page 13: Advancio, Inc Academy: BootStrap

5-What Bootstrap Package Includes?

Customize:

You can customize Bootstrap's components, LESS variables, and jQuery

plugins to get your very own version.

Page 14: Advancio, Inc Academy: BootStrap

Webographie

http://getbootstrap.com/

http://fr.wikipedia.org/wiki/Bootstrap

Page 15: Advancio, Inc Academy: BootStrap

Presented by: