---
title: "How to add Bootstrap to a Joomla 3.1 Template"
description: "Now that we have added CSS and JS files to the Joomla 3.0 template that we are creating, we will now add the necessary bootstrap files. While the necessary bootstrap files can be downloaded from the..."
url: https://www.inmotionhosting.com/support/edu/joomla/add-bootstrap/
date: 2012-10-07
modified: 2024-01-11
author: "Brad Markle"
categories: ["Joomla"]
tags: ["Joomla v3"]
type: post
lang: en
---

# How to add Bootstrap to a Joomla 3.1 Template

Now that we have [added CSS and JS files](/support/edu/joomla/joomla-3/add-css-and-js/) to the Joomla 3.0 template that we are creating, we will now add the necessary bootstrap files.

While the necessary bootstrap files can be downloaded from the [official site](https://twitter.github.com/bootstrap/), Joomla 3.0 actually includes the necessary css and javascript bootstrap files as well. As a template developer, this will make incorporating these files much easier. Follow along with this guide to learn how to **add Bootstrap to a Joomla 3.1 template**.

## Some bootstrap loaded with

When [we added within our template’s head tag](/support/edu/joomla/joomla-3/add-css-and-js/), Joomla automatically added a few JavaScript and CSS files. In the list of files below that Joomla added, you will notice that we’ve highlighted the bootstrap files that it included:

```
 





```

## What bootstrap files do we need to include?

According to the [official bootstrap documentation](https://twitter.github.com/bootstrap/getting-started.html), we need to include the following files:

1. bootstrap.css (or bootstrap.min.css)
2. bootstrap.js (or bootstrap.min.js)

As already included *bootstrap.min.js* for us, we only need to include bootstrap.min.css. To do this, we will update our template’s *index.php* on our Joomla hosting server to include this file. You can see the code we added below that includes *bootstrap.min.css*, which we’ve highlighted in green: