Thursday, January 14, 2016

Bootstrap Introduction

Bootstrap Introduction:

Agenda

  • Introduction
  • Advantages
  • Environmental Setup
  • Bootstrap Elements
  • Bootstrap Icons
  • Bootstrap Link
  • Demo

Introduction

  • Twitter Bootstrap is a front end framework for faster and easier web development. It uses HTML, CSS and Javascript.
  • Can create responsive, interactive and feature rich websites with much less effort.
  • When we say responsive, we don’t need to write the code for multiple devices like desktop, tablet, mobile. It will take care of alignment with all devices.
  • I have created a PPT with some introduction about Bootstrap.

Advantages

  • Standardized platform with all the basic styles and components needed like layout grid, panels, tables, buttons, modals, form styles, etc., to build on which saves a lot of time.
  • Support for all major browsers and fixes CSS compatibility issues.
  • Lightweight and customizable (on their site or via less and sass) files so you can include only what you use.
  • Designed with responsive structures and styles for mobile devices.
  • Several javascript plugins included using jQuery.
  • Icons included.

Environment Setup

Download Bootstrap:
http://getbootstrap.com/
Download JQuery:

Bootstrap Introduction

No comments:

Post a Comment