Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Ishtdeep Singh Hora
Getting Started with Twitter Bootstrap 3
Powerful front end framework that helps create
websites and apps faster and easier.
What is Bootstrap?
Try yourself too …
SEO
Who Should Use Bootstrap?
Developer Designer
❖ Ease of use and quick to
learn
❖ Speed of development
❖ Consistent design and
common components
❖ Wide browser compatibi...
Without additional custom design work your
site will look like any other site
Why NOT Bootstrap?
Mobile-First Strategy
Sites built with Bootstrap3 (and beyond) target mobile
devices and scale for larger screens dependin...
❖ Download CSS and JS files, along with the
fonts
➡ http://getbootstrap.com/getting-started
❖ Checkout Examples
➡ http://g...
r
BOOTSTRAP CDN
If you don't want to download and host
Bootstrap yourself, you can include it
from a
CDN (Content Delivery...
Bootstrap Grid System :-
Thank You !!
Any Queries…
Bootstrap ppt
Bootstrap ppt
Bootstrap ppt
Bootstrap ppt
Bootstrap ppt
Bootstrap ppt
Upcoming SlideShare
Loading in …5
×

Bootstrap ppt

10,093 views

Published on

Bootstrap responsive design framework ...

Published in: Technology

Bootstrap ppt

  1. 1. Ishtdeep Singh Hora Getting Started with Twitter Bootstrap 3
  2. 2. Powerful front end framework that helps create websites and apps faster and easier. What is Bootstrap?
  3. 3. Try yourself too …
  4. 4. SEO
  5. 5. Who Should Use Bootstrap? Developer Designer
  6. 6. ❖ Ease of use and quick to learn ❖ Speed of development ❖ Consistent design and common components ❖ Wide browser compatibility ❖ Responsive framework Why Bootstrap?
  7. 7. Without additional custom design work your site will look like any other site Why NOT Bootstrap?
  8. 8. Mobile-First Strategy Sites built with Bootstrap3 (and beyond) target mobile devices and scale for larger screens depending on screen size. 1.7B mobile web users worldwide
  9. 9. ❖ Download CSS and JS files, along with the fonts ➡ http://getbootstrap.com/getting-started ❖ Checkout Examples ➡ http://getbootstrap.com/getting-started/#examples ❖ Cheat Sheet - classes name, screen sizes, grid behavior ➡ https://www.dropbox.com/s/gqhwxkx80gf8hwm/bootstrap3- cheatsheet.pdf?dl=0 ❖ Online Development ➡ http://www.codeply.com/go How to Get Started?
  10. 10. r BOOTSTRAP CDN If you don't want to download and host Bootstrap yourself, you can include it from a CDN (Content Delivery Network).
  11. 11. Bootstrap Grid System :-
  12. 12. Thank You !! Any Queries…

×