Goals
- Master the creation of responsive sites with Bootstrap
Program
Bootstrap: presentation, contributions,
Bootstrap examples and Responsive Web Design (RWD)
Cohabitation of Bootstrap with other javascript frameworks: jQuery, ExtJS, …
Bootstrap grid, basic templates and layouts
CSS components and classes
RWD mechanism (CSS classes / device)
Documentation, useful links
HTML5 / CSS reminders
jQuery basics
Workshop: Include Bootstrap in a project, a first flexible grid
Typography and links
Tables: lines, borders, rollover, RWD
Form elements, supported controls
Buttons: options, sizes, status
Images and icons: avoid overflows
Workshop: Using bootstrap classes in web pages
Navigation bars: tabs, pills, justified nav
Drop-down menus: forms, buttons, positioning
Breadcrumb (breadcrumb)
Pagination
Badges
Alerts
Progress bars: labels, animations
Media object
List group
Workshop: Multiple examples of Bootstrap component integration
Setting up transitions
Modal windows: types, sizes
Management of drop-down menus
Tabs
Sliders
Auto-completion
Customization of Bootstrap
Management of virtual keyboards
Deactivation of responsive on certain pages
Zoom management
Workshop: Integration of interactions and transitions
Presentation of Less
Use in interpreted / compiled mode
Variables: declaration and call
Variables: interpolation and lazy loading
Rules inheritance
Mixin: Basics,
Parametric
Mixin namespace Mixin as a
Guardian function : conditional and iterative structures
Inclusions of other sheets Less
Workshop: Multiple modification of Bootstrap components with Less
Duration
2 days
Price
£ 975
Audience
Webmasters, developers, integrators
Prerequisites
Good knowledge of HTML and CSS
Reference
SIT828-F
Sessions
Contact us for more informations about session date