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.

Twitter bootstrap入門 #twtr_hack

82,640 views

Published on

Published in: Technology, Education

Twitter bootstrap入門 #twtr_hack

  1. 1. Twitter Bootstrap Toshiaki Maki (@making)12 2 23
  2. 2. • Toshiaki Maki(@making) • http://blog.ik.am • R&D • Java • Spring Framework • Clojure (clojure-ja, Tokyo.clj) • JavaEE6 (3 ) • http://books.shoeisha.co.jp/book/b92647.html12 2 23
  3. 3. 12 2 23
  4. 4. 12 2 23
  5. 5. • Bootstrap • Bootsrap • Bootstrap Tips12 2 23
  6. 6. Bootstrap • Twitter Web • 2012/02 version 2.0.1 • 1.X • CSS12 2 23
  7. 7. CSS • • BlueTrip • 99lime • • CSS class • Javascript12 2 23
  8. 8. bootstrap • • • (Twitter )12 2 23
  9. 9. 12 2 23
  10. 10. 12 2 23
  11. 11. bootstrap !12 2 23
  12. 12. bootstrap ! Form Table Button Pagination Alert12 2 23
  13. 13. • http://twitter.github.com/bootstrap/assets/ bootstrap.zip • javascript12 2 23
  14. 14. 12 2 23
  15. 15. grid 12 well12 2 23
  16. 16. layout 940px12 2 23
  17. 17. form12 2 23
  18. 18. navigation12 2 23
  19. 19. alert12 2 23
  20. 20. button12 2 23
  21. 21. label12 2 23
  22. 22. table bordered striped12 2 23
  23. 23. Tips12 2 23
  24. 24. Getting Started • Example(http://twitter.github.com/ bootstrap/examples.html) •12 2 23
  25. 25. Initializr • http://www.initializr.com/12 2 23
  26. 26. 1512 2 23
  27. 27. bootstrap • ... (^o^)12 2 23
  28. 28. LESS • CSS •12 2 23
  29. 29. Bootswatch • http://bootswatch.com/ •12 2 23
  30. 30. • http://wrapbootstrap.com/ • Bootstrap12 2 23
  31. 31. • http://stylebootstrap.info/12 2 23
  32. 32. jquery-ui • http://addyosmani.github.com/jquery-ui- bootstrap/ • 2.012 2 23
  33. 33. form • form JSON HTML • http://st.ik.am/form-maker ( URL)12 2 23
  34. 34. • Bootstrap Web • • •12 2 23

×