bootstrap

1. BOOTSTRAP
17/7/2018
● ВВЕДЕНИЕ
● МАКЕТ
● СЕТКА

2. ВВЕДЕНИЕ
также известен как
свободный набор инструментов для создания сайтов и веб
приложений Включает в себя и шаблоны
оформления для типографики веб форм кнопок меток
блоков навигации и прочих компонентов веб интерфейса
включая расширения

3. В чем преимущества
•
• Экономия времени верстки
• Поддерживается мобильными устройствами
• Возможность адаптивной верстки
• Очень прост в применении
• Множество примеров
• Множество дополнений плагинов скинов
• Поддерживается всеми современными браузерами

4. Что включено в
файл ядра используйте
либо сжатый либо обычный
файл скриптов они требуют
подключения
Файлы шрифтов для подключения
иконок

5. компоненты
• Иконки
• Выпадающее меню
• Хлебные крошки
• Пейджинг
• Панельки
• Группы кнопок
• Списки
• итд итп

6. компоненты
Эффекты перехода
Модальные окна всплывающие
Табы
Тултипы вспл подсказки
Поповеры большие тултипы
Панели предупреждения
Эффекты в кнопках
Карусель
итд итп

7. Примеры применения

8. Примеры применения

9. Примеры применения

10. Примеры базовой верстки сайтов

11. Сетка в колонки сайта
Максимум колонок Сумма префиксов должна быть равна
для строчки

12. Сетка в колонки сайта
Какими могут быть
мобильные телефоны
вертик
например вертикально
средние размеры экрана низкоформатн монитор
ноутбук
широкие экраны мониторов Как правило и
можно обойтись только без

13. Сетка в колонки сайта
Все классы колонок должны быть внутри класса
Пример