Bootstrap is mobile first front-end frame work for faster and easier web development. Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Users of bootstrap : Browser compatibility : bootstrap will support all major/modern browsers like safari,chrome,fire-fox,operaInternet explorer. Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework Responsive features: Layout/grid system of the bootstrap is designed in such a way it adjust to any screen(desktop/larger screen pcs/mobile/tablets/fablets)

Easy to use: just need basic knowledge of HTML and CSS can start using Bootstrap. Download && Installation of the bootstrap: We can download from host environment using following link. getbootstrap.com. Or else you can use CDN(Content Delivery Network). Just you need to add these source links to your html page ,that�s it .

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

And also you need to add meta tag in header tag to get proper rendering and touch zooming.
Here is meta tag :

       <meta name="viewport" content="width=device-width, initial-scale=1">

The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device). The initial-scale=1 part sets the initial zoom level when the page is first loaded by the browser. That�s it , You successfully hosted bootstrap in to your web page.and from with the use of css styles and related grid layouts ,you can easily create good responsive web page.


Introduction to Riak

Mon 06 July 2015 by Godson

Riak:

Riak is a distributed database designed to deliver maximum data availability by distributing data across multiple servers. As long as your Riak client can reachone Riak server, it should be able to write data.

Riak is an open-source, distributed key/value database for high availability, fault-tolerance, and near-linear scalability ...

read more

How To Mount S3 Bucket In Linux Using S3FS

Fri 03 July 2015 by Godson

Step 1: Remove Existing Packages

# yum remove fuse fuse-s3fs

Step 2: Install Required Packages

# yum install gcc libstdc++-devel gcc-c++ curl-devel libxml2-devel openssl-devel mailcap

Step 3: Download and Compile Latest Fuse

# cd /usr/src/
# wget http://downloads.sourceforge.net/project/fuse/fuse-2.X/2.9.3/fuse-2.9.3.tar ...
read more

Making div/pop-up/overlays center of the screen irrespective of the screen size.

Sat 27 June 2015 by Godson

Making div/pop-up/overlays center of the screen irrespective of the screen size.

read more

Social Logins Implementation for Django app

Tue 23 June 2015 by Godson

In this article we will get to know about how to login to your django app by using social logins like Facebook and Google.

Start a simple Django project

$ django-admin.py startproject thirdauth
$ tree thirdauth/
thirdauth/
├── manage.py
└── thirdauth
    ├── __init__.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py

Running ./manage.py ...

read more