Bootstrap является одним из самых популярных фреймворков для фронтенд-разработки, созданным дизайнерами и разработчиками Twitter. Этот документ описывает основные компоненты и утилиты Bootstrap, а также упоминает альтернативные решения, такие как Foundation и Flat UI. Также представлены ссылки на официальные сайты и ресурсы для работы с Bootstrap.

1. WTF is Bootstrap?
Mail.Ru
E-commerce
UI-team

3. Originally created by a designer and a
developer at Twitter, Bootstrap has
become one of the most popular
front-end frameworks and open
source projects in the world.

4. Супер-сетка

5. Bootstrap CSS
Grid system ●
Typography ●
Code ●
Tables ●
Forms ●
● Buttons
● Images
● Helper classes
● Responsive utilities

6. Bootstrap Components
Glyphicons ●
Dropdowns ●
Button groups ●
Button dropdowns ●
Input groups ●
Navs ●
Navbar ●
Breadcrumbs ●
Pagination ●
Labels ●
● Badges
● Jumbotron
● Page header
● Thumbnails
● Alerts
● Progress bars
● Media object
● List group
● Panels
● Wells

7. Bootstrap jQuery plugins
Transitions ●
Modal ●
Dropdown ●
Scrollspy ●
Tab ●
Tooltip ●
● Popover
● Alert
● Button
● Collapse
● Carousel
● Affix

8. Примеры
● http://expo.getbootstrap.com
● http://builtwithbootstrap.com

9. www.pulse.me

10. www.pulse.me

11. www.pulse.me
-
Bootstrap
=

12. www.pulse.me
-
Bootstrap
=

13. www.browserstack.com

14. www.browserstack.com

15. www.browserstack.com
-
Bootstrap
=

16. www.browserstack.com
-
Bootstrap
=

18. ЛК - Аукцион

19. Переменные рулят
web/
css/
torg-partner/
bootstrap/
magic-bootstrap.less

20. “bootstrap in a box”

21. “bootstrap in a box”

22. Альтернативы Bootstrap
Foundation
гики его любят..
http://foundation.zurb.com

23. Альтернативы Bootstrap
Flat UI
плоский, но страстный
http://designmodo.github.io/Flat-UI

24. Альтернативы Bootstrap
Metro UI
Люк, я твой Windows 8!
http://metroui.org.ua

25. Альтернативы Bootstrap
Sencha Touch
привет, энтерпрайз...
http://www.sencha.com/products/touch

26. Ссылки
● официальный сайт
○ getbootstrap.com (RU)
● онлайн-редакторы
○ shoelace.io - сетка, media-queries
○ bootsnipp.com - готовые сниппеты
○ www.bootply.com , www.divshot.com - драг и дроп
● темы
○ bootswatch.com - готовые темы
○ pikock.github.io/bootstrap-magic , boottheme.com - создать тему
● иконки
○ fortawesome.github.io/Font-Awesome - лучший иконочный шрифт

27. Алексей Табакман
Mail.Ru E-commerce UI-team
a.tabakman@corp.mail.ru