Twitter bootstrap 101
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Twitter bootstrap 101

  • 63,204 views
Uploaded on

Introduction to Twitter Bootstrap from http://www.twitterbootstraptutorial.com ...

Introduction to Twitter Bootstrap from http://www.twitterbootstraptutorial.com

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
63,204
On Slideshare
10,419
From Embeds
52,785
Number of Embeds
96

Actions

Shares
Downloads
74
Comments
0
Likes
3

Embeds 52,785

http://www.twitterbootstraptutorial.com 46,421
http://localhost 5,111
http://pmm2.site11.com 242
http://development 126
http://127.0.0.1 110
http://intranet.dev 85
http://besthorses.nl 78
http://translate.googleusercontent.com 53
http://192.168.1.17 51
http://www.bonanzaproperties.com 36
http://192.168.1.106 36
http://www.estudantinamusical.com.br 32
http://jsbin.com 23
http://williamweb.inta.org 21
http://dev01.cdxoc 21
http://www.becchisosiride.it 19
http://ww2.eng.odu.edu 16
http://anunciamas.mx 16
http://bootstrap.localhost 16
http://stijn.sweep6.nl 14
http://snsdev3 13
http://www.jacmemory.com 13
http://dev.thehottestspots.com 11
http://betar.local 10
http://14.96.42.12 9
http://aqn.wi.sde.dk 9
http://weddingkf.com 8
http://sadiayamin.com 7
http://projects.sadiayamin.com 7
http://192.168.1.113 7
https://twitter.com 6
http://www.jibas.wow 6
http://bootstrap01 6
http://10.0.0.16 6
http://tf2collection.com 6
http://192.168.1.103 5
http://yourcoding.square7.ch 5
http://192.168.3.42 5
http://10.91.41.110 5
http://192.168.2.7 4
http://www.symbioticpublishing.com 4
http://dpostal 4
http://10.162.133.146 4
http://autotim.ro 4
http://abtasty.com 4
http://yo-cart.com 4
http://192.168.2.99 4
http://bumperbachat.in 4
http://thedesignchambers.dev 3
http://martin 3

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. http://www.twitterbootstraptutorial.com
  • 2. Twitter Bootstrap Twitter Bootstrap is a designFramework freely available to develop websites and Web application It uses HTML CSS and JavaScript
  • 3. HistoryBootstrap was developed by Twitter’s Mark Otto and Jacob Thornton It was released as open source in August 2011 on GitHub
  • 4. Why Use it? PopularIt is one the most popular projects on GitHub• 7,000+ watchers• 2,000+ forks• 400,000+ page views• 250+ issues closed
  • 5. Why Use it? Browser SupportWorks on all Popular Browsers Also IE and Opera
  • 6. Why Use it? Glyph Icon set
  • 7. Why Use it? Easy to Get Started
  • 8. Why Use it? Awesome Documentation
  • 9. Why Use it? Made for everyone. Responsive CSS adjusts to Desktops, Tablets & Mobile
  • 10. How to Get Started1. Download Bootstrap and inline text editor2. Install text editor3. Extract the bootstrap files in to your project folder4. Download example html file and save it as index.html in the project folder
  • 11. 1. Downloadhttp://twitter.github.com/bootstrap/index.htmlhttp://notepad-plus-plus.org/download/v6.2.2.html
  • 12. 2. Install Text Editor
  • 13. 3. Extract BootStrapBootstrap File Structure
  • 14. 4. Download ExamplesExamples can be found on GitHubhttps://github.com/twitter/bootstrap/tree/master/docs/examples
  • 15. Signup Now Signup now to get free tutorialshttp://www.twitterbootstraptutorial.com/signup/