Bootstrap Online Training
About Bootstrap Online Training
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
6,00,000+ 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
Expert Trainers
Flexible Schedule
Industry Specific Scenarios
e-Learning Sessions
24/7 Support
Read FAQs
Reviews
I am Shruthika. I learned NodeJS through online here, the faculty was awesome who had industry experience and explained the various services available in NodeJS clearly. The course was delivered on time and we had a couple of days to explore other services in NodeJS. I would recommend this institute to my friend
I am Abhimanyu, completed the course Data Science in NareshIT where the environment was very good. My trainer is a very good person. His way of teaching was good truly useful for job seekers… Heartful thanks to my faculty and lab assistants too for making me an expert in Data Science
Hai, I am Bhavani. I have completed Java course in NareshITÂ It’s very useful for my career… Our tutor has more knowledge of Java His training was so wonderful.. Thanks to my faculty and the whole team
Such a good opportunity for me to enrich my career toward DevOps technology here. My trainer is really awesome with in-depth technology. He teaches me the whole concepts of placement support. Thank you so much, sir
SQL Server course got completed here… The instructor was trained well. He was a well-known person in this field… He clearly taught my queries at any time… Thanks to NareshIT
It’s a very nice Training center.I completed my Android course in this institute It’s very useful for my career and job. Trainers help us more to clear our doubts i am very satisfied with his company
