{"id":3221,"date":"2017-12-11T14:19:34","date_gmt":"2017-12-11T19:19:34","guid":{"rendered":"https:\/\/www.pair.com\/support\/kb\/?p=3221"},"modified":"2023-08-04T14:34:08","modified_gmt":"2023-08-04T18:34:08","slug":"setting-up-bootstrap-on-your-server","status":"publish","type":"ht_kb","link":"https:\/\/www.pair.com\/support\/kb\/setting-up-bootstrap-on-your-server\/","title":{"rendered":"Setting Up Bootstrap on Your Server"},"content":{"rendered":"\n

This tutorial will take you through setting up Bootstrap on your server. Bootstrap is a free, front-end framework for designing websites and web applications. It's very popular for website design because of its many easily added components and responsiveness.<\/span><\/p>\n\n\n\n

Keep in mind that this tutorial goes over just one of multiple types of Bootstrap installations. We will be using the standard Bootstrap install. This is best for Bootstrap beginners. The other installations require knowledge of CSS preprocessors.<\/span><\/p>\n\n\n \t\t

\r\n \t\t\t \t\t\t \t\t\t\t

\r\n \t\t\t\t\tThese instructions are for installing Bootstrap version 4.2.1 \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n\n\n\n

Downloading Bootstrap<\/h3>\n\n\n
\n
\"download<\/a><\/figure><\/div>\n\n\n

The first step is to download Bootstrap. Go to the <\/span>Bootstrap Download page<\/span><\/a> and, in the Compiled CSS and JS<\/strong> section, click <\/span>Download<\/b>.<\/span><\/p>\n\n\n\n

Once the file has downloaded, go to the file location. You will need to unzip the files before you can use them. If you\u2019re on a Mac, it will automatically unzip the files for you. On Windows, you will have to unzip the files manually. See <\/span>this Microsoft support page<\/span><\/a> for information on how to unzip files. <\/span><\/p>\n\n\n\n

Upload the Files to Your Server<\/h3>\n\n\n\n

After the files are unzipped, they\u2019re ready to be uploaded to your server. Go into the Bootstrap folder (the file will be named something like <\/span>bootstrap-4.2.1-dist<\/span><\/i>). You will need to upload the contents into the directory of your desired domain. <\/span><\/p>\n\n\n\n

Most of the time, you can find the domain\u2019s directory by going to the <\/span>Web <\/b>directory in the ACC. the only reason this would not work is if you had re-mapped the domain to another directory. For those domains that have not been re-mapped, you can find their directory by following these steps:<\/span><\/p>\n\n\n\n

    \n
  1. Log in to the Account Control Center (ACC)<\/a><\/span><\/li>\n\n\n\n
  2. Go to the left sidebar and click <\/span>Files<\/b><\/li>\n\n\n\n
  3. In the drop-down, click <\/span>Web<\/b> \"web<\/a><\/span><\/li>\n\n\n\n
  4. Find the directory that you domain is mapped to. Oftentimes, this is the name of the domain. \"file<\/a><\/span><\/li>\n<\/ol>\n\n\n\n

    If you click the directory name, it will show you the contents of the directory.<\/span><\/p>\n\n\n\n

    Now, you need to copy the folders within the bootstrap-4.2.1-dist<\/em> file into your domain's directory. The folders within the Bootstrap file will be:<\/span><\/p>\n\n\n\n