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.
UI
Bootstrap 3
TM
Коротко про Bootstrap
• UI Framework
• Підтримує HTML5, CSS3
• Підтримує всі мажорні версії браузерів,
також Internet Expl...
Підключення
Система грідів
Важливі штуки:
• Рядки .row повинні бути розміщені всередині
.container

• Рядок - горизонтальна група стовпців.
• Проміжк...
Класи видимості
Стилі елементів
Таблиці
Таблиці
Glyphicons
Кнопки
Кнопки з випадаючими
списками
Форми
Навігація
Навігаційне меню
Breadcrumbs
і пагінація
Лейби та баджі
Тумбочки (thumbnails)
Сповіщення
Прогресбар
Панельки
Полегшення розробки
Bootstrap PSD
Divshot
Pingendo
The simplest app to prototype with Twitter Bootstrap 3. For free.
Lavish
Кастомні теми
Bootstrap3 Тарас Мудрий
Bootstrap3 Тарас Мудрий
Bootstrap3 Тарас Мудрий
Bootstrap3 Тарас Мудрий
Upcoming SlideShare
Loading in …5
×

Bootstrap3 Тарас Мудрий

234 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Bootstrap3 Тарас Мудрий

  1. 1. UI Bootstrap 3 TM
  2. 2. Коротко про Bootstrap • UI Framework • Підтримує HTML5, CSS3 • Підтримує всі мажорні версії браузерів, також Internet Explorer >7 • Open Source
  3. 3. Підключення
  4. 4. Система грідів
  5. 5. Важливі штуки: • Рядки .row повинні бути розміщені всередині .container • Рядок - горизонтальна група стовпців. • Проміжки між стовбцями створюються через padding: 0 15px; та margin: 0 -15px;
  6. 6. Класи видимості
  7. 7. Стилі елементів
  8. 8. Таблиці
  9. 9. Таблиці
  10. 10. Glyphicons
  11. 11. Кнопки
  12. 12. Кнопки з випадаючими списками
  13. 13. Форми
  14. 14. Навігація
  15. 15. Навігаційне меню
  16. 16. Breadcrumbs і пагінація
  17. 17. Лейби та баджі
  18. 18. Тумбочки (thumbnails)
  19. 19. Сповіщення
  20. 20. Прогресбар
  21. 21. Панельки
  22. 22. Полегшення розробки
  23. 23. Bootstrap PSD
  24. 24. Divshot
  25. 25. Pingendo The simplest app to prototype with Twitter Bootstrap 3. For free.
  26. 26. Lavish
  27. 27. Кастомні теми

×