Bootstrap Online Training

Bootstrap Online Training

defualt

About Bootstrap Online Training

Bootstrap is an open source framework. It is the HTML, CSS, JS framework. It is used for the mobile first project on the web. By using Bootstrap, it reflects each user screen resolution. Also, it changes the viewing experience. It is very fast and easy for web developing. It helps in saving of time. Also, it is easy to use and compatible with all the browser. The responsive feature of bootstrap made it more successful. It supports HTML, CSS and JS framework. We go through the different structure in this course like basic, Bootstrap layout, plugins, etc.

Course Objectives

What are the Course Objectives?

  • Complete knowledge of Bootstrap.
  • Work on creating the Web application.
  • Get knowledge from Basic to Advance level.
  • Learn CSS overview.
  • Learn different typography of Bootstrap.
  • Able to design mobile first front-end framework.

Who should go for this Course?

  • Any IT experienced Professional who want to develop the web site using bootstrap.
  • Any B.E/ B.Tech/ BSC/ M.C.A/ M.Sc Computers/ M.Tech/ BCA/ BCom College Students in any stream.
  • Fresh Graduates.

Pre-requisites:

  • HTML
  • CSS

Course Curriculum

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 Listgroups

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


2,25,500+ PEOPLE ALREADY " SUBSCRIBED OUR YOUTUBE CHANNEL "

Subscribe now and receive updates on emerging technologies and tools with on-demand video tutorials, new courses, interesting workshops, most popular topics and much more!

Training Features

Instructor-Led Training Sessions

We believe to provide our students the Best interactive experience as part of their learning

Expert Trainers

We Constantly evaluate our trainers and only the “Best” Provides the Training

Flexible Schedule

Do not hesitate to ask… because we will work according to your calendar

Industry Specific Scenarios

Students are provided with all the Real-Time and Relevant Scenarios

e-Learning Sessions

Online training sessions are held Live and we provide students with the Training Videos

24/7 Support

No [email protected] all…!!! Your Question will be answered by Us at any Hour of the time

Read FAQs


Reviews

Share this post