A Workshop on Bootstrap
To design a responsive website everybody are using the Bootstrap. Learning of Bootstrap is very important to design the modern website and IT based products. Novel Technology provides range of learning courses for Bootstrap and related technology. Please visit the Novel Technology to know more about options.
Workshop Code | Duration | Fee |
NTWSBOOTB-01 | 1 / 2 Days | 600/- |
Workshop Syllabus
Introduction
Planning and Setting Up
Scaffolding
Building Main Content
Expanding Our Content
Additional Pages
Finishing Our Application
Introduction and installation options
Creating a basic template using CDNs
Downloading and installing manually
Understanding Bootstrap containers
Working with rows
Creating columns
Using multiple column classes
Resetting columns
Offsetting columns
Nesting columns
Customizing column order with push and pull
Styling headings and body copy
Analyzing inline text styles
Modifying alignment,transformation, and abbreviations
Using blockquotes
Working with list styles
Styling code
Working with Bootstrap buttons
Exploring table styles
Adding image classes
Understanding Bootstrap helper classes
Using responsive utilities
Creating a basic form
Formatting radio and checkbox controls
Using inline forms
Styling a horizontal form
Using validation styles
Using input groups
Using miscellaneous styles and sizing
Using icons
Creating a dropdown
Using button groups
Understanding the Bootstrap nav component
Adding content to the navbar
Collapsing your navigation
Using breadcrumbs and pagination styles
Creating a Jumbotron and page header
Working with labels and badges
Using the thumbnail style
Adding media styles
Flowing video with responsive embeds
Styling list groups
Working with panels
Using wells
Creating a carousel
Creating modals
Controlling tabs with JavaScript
Crafting collapsible content and accordions
Creating a tooltip
Adding a popover
Controlling menus with ScrollFix-Affix
Next steps
Conclusion
Outcome of Workshop
The Student is able to list what is Bootstrap.
The Student is able to list the salient features of Bootstrap.
The Student is able to write basic Bootstrap design.
The Student is able to understand complete structure of Bootstrap based HTML.
The Student is able to write the entry level code for Bootstrap HTML page.
The Student is able to understand the structure of Bootstrap based applications.
The Student is able to understand the power of Bootstrap for Mobile or responsive websites.
Key Experiments or Demo
Understanding and managing Bootstrap based Website.
Including Bootstrap CSS and jQuery in HTML.
Managing the Bootstrap designs for different type of Website.
Use of different Bootstrap Web based tools.
Review different Bootstrap component available for HTML Design.
|