1. Twitter Bootstrap
Toshiaki Maki (@making)
12 2 23

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.html
12 2 23

3. 12 2 23

4. 12 2 23

5. • Bootstrap
• Bootsrap
• Bootstrap Tips
12 2 23

6. Bootstrap
• Twitter Web
• 2012/02 version 2.0.1
• 1.X
• CSS
12 2 23

7. CSS
•
• BlueTrip
• 99lime
•
• CSS class
• Javascript
12 2 23

8. bootstrap
•
•
• (Twitter )
12 2 23

9. 12 2 23

10. 12 2 23

11. bootstrap !
12 2 23

12. bootstrap !
Form Table
Button
Pagination
Alert
12 2 23

13. • http://twitter.github.com/bootstrap/assets/
bootstrap.zip
• javascript
12 2 23

14. 12 2 23

15. grid
12
well
12 2 23

16. layout
940px
12 2 23

17. form
12 2 23

18. navigation
12 2 23

19. alert
12 2 23

20. button
12 2 23

21. label
12 2 23

22. table
bordered striped
12 2 23

23. Tips
12 2 23

24. Getting Started
• Example(http://twitter.github.com/
bootstrap/examples.html)
•
12 2 23

25. Initializr
• http://www.initializr.com/
12 2 23

26. 15
12 2 23

27. bootstrap
•
...
(^o^)
12 2 23

28. LESS
• CSS
•
12 2 23

29. Bootswatch
• http://bootswatch.com/
•
12 2 23

30. • http://wrapbootstrap.com/
• Bootstrap
12 2 23

31. • http://stylebootstrap.info/
12 2 23

32. jquery-ui
• http://addyosmani.github.com/jquery-ui-
bootstrap/
• 2.0
12 2 23

33. form
• form JSON HTML
• http://st.ik.am/form-maker ( URL)
12 2 23

34. • Bootstrap Web
•
•
•
12 2 23