Twitter Bootstrap Common classes and HTML styles

Now that you have the Twitter Bootstrap setup and you have added your buttons to the site, you can now use the built in features for your content. There is a large list of CSS classes you can use in your content. This article will explain what the table HTML looks like and the <img> Read More >

Adding the Bootstrap Menu Buttons to your Responsive Template

Now that you have Bootstrap set up on your Responsive Template, you can use the code provided by Bootstrap to style your site. Bootstrap has a premade set of buttons and menus that you can use in your site. You can see what the look like in the snapshot to the right.In this tutorial, we Read More >

Adding the Bootstrap files to your Responsive Template

Once you have the Bootstrap Theme Roller created and downloaded. You will need to add the files to your website. The image to the right shows what the responsive template looks like before you add the Bootstrap Theme. You can compare what the theme looks like before the bootstrap is added and after in the Read More >

Custom CSS Styles with the Bootstrap Theme Roller

When you are designing your website, you will be relieved to learn that there are easy to use tools online that allow you to create your own website styles that can be applied to your website. The Bootstrap Theme Roller is a great tool for designing your website with javascript. What is Bootstrap Theme Roller? Read More >

Free Responsive Templates with jQuery Theme Roller styles

You can create your own custom Responsive Template using the jQuery Theme Roller. We have created some premade themes for your Responsive Template. Below are the premade themes you can get in the Theme Roller Gallery. Feel free to download these and edit them as you see fit. You can also learn how to create Read More >

Styling a Responsive Template with jQuery Theme Roller

Now that you have your responsive template, you have the Theme from Theme Roller, you can style your theme and make it look professional. This article is written so you can follow through the HTML of the Responsive Template and create the look and feel your want for your site. Please download the files for Read More >

Responsive template design with the jQuery Theme Roller

After you have the skeleton template for your responsive template created, you can customize the appearance. While your site may function well on different devices, you will want the site to look interesting as well. To create themes for your Responsive HTML template, you can use the jQuery Theme Roller to design your site. What Read More >

Step 4: Adding the Viewpoint Meta Tag to the Responsive Template

Now that you have your stylesheets linked in your code for the Responsive Template, you will need to add the “Viewport Meta Tag” to your head section of your code. What is the viewport Meta tag? The viewport Meta tag alters the behavior of a mobile browser by modifying the “virtual viewport” of the device. Read More >

Step 3: Links to the stylesheets in Responsive Templates

Continuing our tutorial on how to create a Responsive Template, we are moving to step 3 of the process where we add the CSS links to the stylesheets on the head section. The previous tutorial explained what you need to create for the CSS stylesheets. This tutorial will explain how to link your stylesheets to Read More >

Step 2: Adding CSS styles to a Responsive Template

In order for your Responsive Template to work, you will need to make at least 3 different stylesheets. The stylesheets will load depending on the size of the screen of the device. We will explain how to attach the style sheets in the next article. In the meantime we will make 3 different stylesheets, a Read More >