Webvanta Blog: Creating Effective Websites

Using Bootstrap to Build Responsive Websites with Ease

In the past year or so, responsive web design has become the leading technique for building sites that work well on phones and tablets, as well as on desktop computers.

Building a responsive site adds new challenges for web designers and developers. You need to consider how columns shrink and shift as the screen size changes, as well as how images are scaled. User interface components such as navigation bars, tabs, and carousels must also adapt to varying screen sizes.

Fortunately, you don’t need to figure all this out from scratch. Two years ago, Twitter open-sourced a framework that the company created for its website redesign, and named it Bootstrap. Now in version 3, Bootstrap is the result of thousands of contributions from hundreds of developers. It’s a great starting point for a modern website.

Bootstrap provides more than just a good responsive framework. It also includes a set of clean user interface widgets, such as nav bars and tabs; an icon library; excellent typography and table layouts; and a set of JavaScript widgets that you can use just by providing the appropriate HTML, without writing a single line of JavaScript code.

We’ve just released a new Webvanta SmartTheme based on Boostrap 3, making it drop-dead-simple to launch a new site using Bootstrap. The new SmartTheme also incorporates the latest best practices for using the Webvanta platform, and we recommend it for all new Webvanta-based sites.

Here’s a simple sample site to give you an idea of what’s included. To create one of your own, just sign up for a free trial site.

Eager to learn more about how to use Bootstrap to create leading-edge sites with less work that ever before? Watch the replay of our webinar, Building Responsive Websites with the Bootstrap 3 Framework.

Here’s some more resources for learning about Bootstrap:

  1. Bootstrap download and documentation site
  2. Bootstrap source code on Github
  3. Official Bootstrap blog
  4. Sitepoint’s Understanding Twitter Bootstrap 3

Add Your Comments

(not published)

Reader Comments

1 comments

can you tell me details of boostrap.