Welcome to the future of web development! Responsive Design has become quite a big deal when creating a website! Even Google indexes their searches by bringing Responsive websites to the front! (to see if your website is mobile-friendly, please visit Google's Mobile Friendly Test.

According to Wikipedia, "Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)."

While everyone has always worked on making their website look nice on a desktop computer, they now have to focus on creating AND maintaining a responsive website that is attractive on all devices and at all sizes!

Luckily, there are some helpful files built by Twitter that make it easy and fairly simple to build a responsive website.

These files are called Bootstrap. Bootstrap contains both CSS files and JavaScript files needed to build a nice, responsive website.

When using Bootstrap, your website is viewed in four different sections. These are:

  • Large (lg) - This is anything 1200 pixels and over, which includes most desktops.
  • Medium (md) - This is anything between 768 and 969 pixels, which includes some portrait tablets, most landscape tablets, and some desktops.
  • Small (sm) - This is anything between 767 and 481 pixels, which includes most landscape phones and most portrait tablets.
  • Extra Small (xs) - This is anything smaller than 480 pixels, which includes some landscape phones, most portrait phones, and anything smaller.

Probably one of the easiest concepts of Bootstrap is that it allows you to take your website and divide it into twelve columns. Although this may sound confusing at first, keep in mind that your information can be more than one column wide. In fact, your information can be twelve columns wide.

Once I have Bootstrap downloaded and i have a link to the css page, I can start building my responsive website!

Make your own Responsive web page

Startup Discount
Small Business?
Contact us for an Enormous Discount!