Web Design with Bootstrap - Class
- Colombo 10, Colombo, Sri Lanka
- Posted by Rich IT Solutions
- 2017/02/23 20:05:49 GMT
- Medium English
- Class Type Home Tuition
Ad Details
Our Course Content
===========================================
Twitter Bootstrap (Powerful mobile front-end framework)
• What is Twitter Bootstrap?
• History
• Why use Bootstrap?
• What Bootstrap Package Includes?
Download Bootstrap
• File structure
• PRECOMPILED BOOTSTRAP
• Basic Examples
Bootstrap Grid System
• What is a Grid?
• What is Bootstrap Grid System?
• MOBILE FIRST STRATEGY
• Working of Bootstrap Grid System
• Media Queries
Grid options
• Responsive column resets
• Offset columns
• Nesting columns
• Column ordering
Bootstrap CSS Overview
• HTML5 doctype
• Mobile First
• Responsive images
• Typography and links
• Normalize
• Containers
Bootstrap Typography
• Headings
• INLINE SUBHEADINGS
• Emphasis
• Abbreviations
• Addresses
• Blockquotes
• Lists
Bootstrap Tables
• Basic Table
• Optional Table Classes
• STRIPED TABLE
• BORDERED TABLE
• HOVER TABLE
• CONDENSED TABLE
• Contextual classes
• Responsive tables
Bootstrap Forms
• Form Layout
• VERTICAL OR BASIC FORM
• INLINE FORM
• HORIZONTAL FORM
• Supported Form Controls
• CHECKBOXES AND RADIOS
• SELECTS
• Form Control States
• Form Control Sizing
• Help Text
Bootstrap Buttons
• Button Size
• Button State
• DISABLED STATE
• Button Tags
Bootstrap Images
• .img-rounded
• .img-circle
• .img-thumbnail
Bootstrap Helper Classes
• Close icon
• Carets
• Quick floats
• Center content blocks
• Clearfix
• Showing and hiding content
• Screen reader content
Bootstrap Responsive utilities
• visible-xs
• visible-sm
• visible-md
• visible-lg
Print classes
• .visible-print
• .hidden-print
Bootstrap Glyphicons
• What are Glyphicons?
• Where to find Glyphicons?
Bootstrap Dropdowns
• Options
• ALIGNMENT
• HEADERS
Bootstrap Button Groups
• Basic Button Group
• Button Toolbar
• Button Size
• Nesting
• Vertical Buttongroup
Bootstrap Button Dropdowns
• Split Button Dropdowns
• Button Dropdown Size
• Dropup variation
Bootstrap Input Groups
• Basic Input Group
• Input Group Sizing
• Checkboxes and radio addons
• Button addons
• Buttons with dropdowns
• Segmented buttons
Bootstrap Navigation Elements
• Tabular Navigation or Tabs
• Pills Navigation
• VERTICLE PILLS
• Justified Nav
• Disabled Links
• Dropdowns
• PILLS WITH DROPDOWNS
Bootstrap Navbar
• Default navbar
• Responsive navbar
• Forms in navbar
• Buttons in navbar
• Text in navbar
• Non-nav links
• Component alignment
• Fixed to top
• Fixed to bottom
• Static top
• Inverted navbar
• Bootstrap Breadcrumb
Bootstrap Pagination
• Pagination
• DEFAULT PAGINATION
• STATES
• SIZING
• Pager
• ALIGNED LINKS
• STATES
• Bootstrap Labels
Bootstrap Badges
• Bootstrap Jumbotron
• Bootstrap Page Header
• Bootstrap Thumbnails
Bootstrap Alerts
• Dismissal Alerts
• Links in Alerts
Bootstrap Progress Bars
• Default Progress Bar
• Alternate Progress Bar
• Striped Progress Bar
• Animated Progress Bar
• Stacked Progress Bar
Bootstrap Media Object
• .media
• .media-list
Bootstrap List Group
• Adding Badges to List Group
• Linking List Group Items
• Add Custom Content to List Group
Bootstrap Panels
• Panel with heading
• Panel with footer
• Panel Contextual alternatives
• Panel with tables
• Panel with List groups
Bootstrap Wells
• well
• Sizing
Bootstrap Plugins Overview
• Data Attributes
• Events
• Bootstrap Transition Plugin
• Bootstrap Modal Plugin
• Bootstrap Dropdown Plugin
• Bootstrap Scrollspy Plugin
• Bootstrap Tab Plugin
• Bootstrap Tooltip Plugin
• Bootstrap Popover Plugin
• Bootstrap Alert Plugin
• Bootstrap Button Plugin
• Bootstrap Collapse Plugin
• Bootstrap Carousel Plugin
• Bootstrap Affix Plugin
Other Details
=========================================
This course mostly workshop type. It's take 16h to complete those area.
Please register before February 28.
Registration Fee Rs. 500.00
20% Discount for full payment
5 Students for a Workshop
Need knowledge of HTML5 and CSS3 with JavaScript.
Mydream.lk has more than 250,000 active visitors in Sri Lanka.
Advertise your brand with us.
ADVERTISE WITH US