Select Page

Tablets and mobile devices have reinvented the World Wide Web, as we know it. We can now browse sites anywhere in the world faster, more efficiently and from a plethora of devices from a sleek and stylish desktop to a mobile phone smaller than a deck of cards.

With the web interface dramatically changing and the end user rapidly transitioning from browsing on the Internet from their stationary and immobile desktop computer to spending more time eyeballing the web through their mobile device designers and developers are finding it challenging to build sites for all end users.

The big question we need to be asking ourselves: How do I build a universal website that looks good and is functional across all devices and browsers?

This is a big question and all businesses and individuals with a website need to start focusing on how they can adapt to the movement from desktop browsing to mobile browsing. However before you panic a wonderful solution was developed from some very smart developers at Twitter with an amazing framework called Bootstrap that can help you rebuild your website so it looks good and is functional across the majority of browsers and devices.

For those of us designers and developers Bootstrap is actually very simple to use. I personally think it makes building great websites easier while developing a responsive based website.

What is Bootstrap?

Bootstrap is an open source front-end framework to building websites in a responsive way that allows you  to save time and money building consistent, easy to manage and extremely functional websites that work across the majority of web platforms.

Bootstrap consists of HTML and css templates that are designed to integrate typography, forms, buttons, navigation and many other web-based components saving you a ton of time. When downloading bootstrap you will also find that a number of JavaScript components are integrated to help you implement additional interface features you may need when building your website as well.

To use Bootstrap download the CSS stylesheets at http://getbootstrap.com/ then read the Get Started (http://getbootstrap.com/getting-started/) guide on how to implement the CSS into your html.

What I found to be the easiest way to learn how to use bootstrap is to then find an HTML framework example of a page that integrates all of the Bootstrap CSS styles and learn by trial and error. You can find a number of frameworks on the getting started page as well.

Who can use Bootstrap?

Anyone can use Bootstrap it is an open source framework. However to understand how Bootstrap works you will need a basic understanding of HTML and CSS. With Bootstrap and an understanding of how to create simple websites you then can use one framework that is functional on every device.

There are other frameworks besides Bootstrap that allows developers to design responsive based websites however my current preference is Bootstrap. Mobile browsing makes up 25% of all web browsing and is growing at a rate of 10 to 15 percent per year. So it’s imperative to build your sites so it is functional across all web platforms.

Here are a couple of Bootstrap theme sites I like to use:

Themes – Bootswatch – http://bootswatch.com/

Themes – Wrrap Bootstrap – https://wrapbootstrap.com/

Icons – Glyph Search – http://glyphsearch.com/