Articles

Create responsive websites with twitter bootstrap

What is Twitter Bootstrap Tutorials Bootstrap

Learn about using bootstrap to create responsive design websites

Twitter Bootstrap is a popular front-end framework for creating responsive mobile first designed websites and applications for the web.


Bootstrap is a powerful HTML, CSS and JavaScript framework which is used for developing mobile first, responsive design projects on the web.


Based in CSS and using Java-script, and HTML this framework makes making a responsive website easy. Bootstrap can really quick start your Design process with many built in library items.


Bootstrap is mobile first - it contains entire library of predefined mobile standard screens.


The following lessons are designed to help you learn the essentials of using bootstrap. This tutorial will help you create bootstrap websites. The lessons are broken down into sections with each type of element.


Getting started with adding bootstrap to your pages. There are two ways to get the Bootstrap library on your won website. You can download it from
http://getbootstrap.com/
https://github.com/twbs/bootstrap/releases/download/v3.3.1/bootstrap-3.3.1-dist.zip

or
you can connect to the CDN example below.

Latest compiled and minified CSS
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

Optional theme
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">

Latest compiled and minified JavaScript
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

Some advantages to using Bootstrap are

A basic bootstrap design is available below.