Bootstrap

Bootstrap's responsive CSS adjusts to phones, tablets, and desktops. Mobile-first styles are part of the framework. Bootstrap is compatible with all modern browsers.

Overview

Bootstrap is the most popular front end framework in the recent time. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and JavaScript. This tutorial will teach you the basics of Bootstrap Framework using which you can create web projects with ease. The tutorial is divided into sections such as Bootstrap Basic Structure, Bootstrap CSS, Bootstrap Layout Components and Bootstrap Plugins.
Before you start proceeding with this tutorial, we are assuming that you are already aware about the basics of HTML and CSS. If you are not well aware of these concepts then we will suggest you to go through our short tutorial on HTML Tutorial and CSS Tutorial.

Why Use Bootstrap
  • Mobile first approach − Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.
  • Browser Support − It is supported by all popular browsers.
  • Easy to get started − With just the knowledge of HTML and CSS anyone can get started with Bootstrap.
  • Responsive design − Bootstrap's responsive CSS adjusts to Desktops, Tablets and Mobiles.
What Bootstrap Package Includes
  • Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background. This is covered in detail in the section Bootstrap Basic Structure
  • CSS − Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. This is covered in detail in the section Bootstrap with CSS.
  • Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more. This is covered in detail in the section Layout Components.
  • JavaScript Plugins − Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one. This is covered in details in the section Bootstrap Plugins.
  • Customize − You can customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.

Prerequisites

You should be familiar with:

  • Basic word processing using any text editor.
  • How to create directories and files.
  • How to navigate through different directories.
  • Internet browsing using popular browsers like Internet Explorer or Google Chrome.
  • Developing simple Web Pages using HTML
If you are new to HTML, then we would suggest you to go through HTML first.

 

Course Features

Industry professionals as Trainers

  • Well researched advanced course content created by Industry professionals
  • Assignments
  • Live web design project
  • Technical HR Interview preparations
  • Exam and Industry recognised Certificate

Course Syllabus

  1. Introduction To Bootstrap
    • How to access working files
    • Examining the framework files
    • Documentation overview
  2. Grid System
    • Using Containers
    • coding rows and columns in HTML
    • The grid
    • Controlling the grid across devices
    • column offset
    • Using nested columns
    • Column Ordering
  3. Responsive Helpers
    • Building a navbar
    • Fixing the navbar
    • Navbar dropdowns
    • Building Introduction Section
    • Building the Marketing Panel
    • Button Options
    • Building the information Panel
    • Block Quote
    • Glyphicons
    • Building Footer
    • Custom Typography
  4. Home Page
    • Image Corousel
    • Corousel navigation
    • Four Column grid
  5. Blog Page
    • Setting up the grid structure
    • Adding the blog entries
    • Pagination Component
    • Search box inline form
    • Using list groups
    • Media component
  6. Clients Page
    • Setting the grid
    • Thumbnails
    • Tooltips
    • collapse Panels
  7. Contact Page
    • Setting the grid
    • Adding Google Map
    • Horizontal forms
    • Modals
    • Building the sidebar
  8. Custmizing Bootstrap
    • Custmizing Download
    • Custmizing colors
    • Starter Templates

Upcoming Batches

Job Profile

Who Is Hiring?

Zensar_Technologies_logoSyntel-logoPersistent_logoLT_Infotech_logoCybage_logoIBM_Company_Logohexaware_logocredentek_logocognizant_logoCapgemini_logo

What Is Next?

Send Enquiry

Enter only Alphabets!Name is required.
E-mail ID is required.Invalid Email address.

Enter a valid contact no.

Loading...
Congratulations!!! Your enquiry has been sent successfully. Our executive will call you shortly. Call : 8999417889.

Contact Us

Web Touch India Solution


Mobile :
8999417889


Email Address :