<\/span>What You Will Need<\/span><\/h2>\nTo get started with a customized Bootstrap Theme, you will need to download a Bootstrap theme from Creative Market<\/a>, some basic knowledge of HTML and CSS<\/a>, and a code editor<\/a> so that you can customize your template.<\/p>\n<\/span>So, What Is Bootstrap Anyway?<\/span><\/h2>\nSimply put, Bootstrap<\/a> is a template. It’s an HTML5 & CSS3 framework that was developed by Twitter. Bootstrap is a toolkit to help you create awesome and responsive websites and web applications. It comes with HTML, CSS, and Javascript already built in, which you can customize to your heart’s content.<\/p>\nCreative Market<\/a><\/p>\n offers a variety of themes that will help make your project look amazing. Simply browse our collection of Bootstrap themes and find what works best for you.\n<\/p>\n
<\/span>How To Download and Install a Theme<\/span><\/h2>\n<\/span>Step 1 – Getting your files<\/strong><\/span><\/h3>\nYou can browse all of the awesome Bootstrap themes at Creative Market<\/strong><\/a>.<\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp\")
<\/p>\n
Once you have found one that you are in love with, Click Buy Now<\/strong>, then Download<\/strong> your new Bootstrap theme.<\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/BuyNow.png.webp\")
![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/DownloadNow.png.webp\")
<\/p>\n
After your purchase has been downloaded, unzip<\/strong> the file. In most cases, you will find a documentation folder and a theme folder.<\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/unzipped.png.webp\")
<\/p>\n
The documentation folder will consist of your assets, css, js files. The theme folder will contain the HTML page(s) you can edit to add your own content. In some cases, there will be multiple HTML pages of various styles to choose the style you wish to use.<\/p>\n
![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/documentationFolder1.png.webp\")
 ![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/themeFolder.png.webp\")
<\/p>\n
<\/span>Step 2 – Customizing Your Theme<\/strong><\/span><\/h3>\nNow you’re ready to customize your pages. I would personally start by making sure you have a copy of all of the files before you begin customizing them. You can now open up the working copy of the files that you want to begin customizing in your code editor of choice. From this point on, you will need a basic knowledge of HTML and CSS if you want to make changes. If you are happy with the interactivity that has come with your theme, there is no reason to touch the Javascript (.js) files, so don’t worry if you don’t know it.<\/p>\n
For beginners, I will try to break down the difference between all three in the simplest terms possible.<\/p>\n
\n- HTML<\/em> is the content<\/strong> of your page.<\/li>\n
- CSS<\/em> is the style<\/strong> of your page (i.e. colors, columns, width, font size, etc).<\/li>\n
- Javascript<\/em> is the interactivity<\/strong> of your page (i.e. how the user interacts with the page. This could include things like hover effects or animations).<\/li>\n<\/ul>\n
For the most part, you will only need to be concerned with changing the content of the page. Check out our Other Resources<\/a> section to find some beginner’s guides to HTML and CSS.<\/p>\n<\/span>Step 3 – Your Website Is Ready To Go Live<\/strong><\/span><\/h3>\nWhat you will need to do once your website is ready to go live is beyond the scope of this tutorial. However, simply put, you will need a way to host your site.<\/p>\n
If you don’t already have a web host for your site, check out the Top 10 Web Hosting Companies<\/a><\/em> and choose one that suites your needs. Once you get set up, the hosting company of your choice will have additional instructions.<\/p>\n<\/span>Step 4 – Pat Yourself on the Back<\/strong><\/span><\/h3>\nCongratulations! You have made an awesome looking website and it was so easy, wasn’t it? You are officially a master of the web!<\/p>\n
<\/span>Other Resources<\/span><\/h2>\n\n- CSS Beginner Tutorial<\/a><\/li>\n
- A Beginner’s Guide to HTML and CSS<\/a><\/li>\n
- HTML W3 Schools Tutorial<\/a><\/li>\n
- CSS W3 Schools Tutorial<\/a><\/li>\n
- 30 Days to HTML and CSS<\/a><\/li>\n
- Javascript W3 Schools Tutorial<\/a><\/li>\n
- 35 Useful Source Code Editors Reviewed<\/a><\/li>\n<\/ul>\n
Note<\/strong>: You can always contact the seller of the theme if you have a more specific question with the theme itself.<\/em><\/p>\nStill need help? We are always here to help. Contact us<\/a>!<\/p>\n<\/span>Find Bootstrap Themes On Creative Market<\/span><\/h2>\n\nHopefully you have found this guide helpful. If you still haven’t found the theme that you’re looking for, check out Creative Market‘s section of Bootstrap themes<\/a> now.\n<\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013100\/50-f-280x186-1.png.webp\")
<\/a>Â Â ![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013105\/baleen-designorbital-1-f-280x186-1.jpg.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013109\/preview-normal-f-280x186-1.jpg.webp\")
<\/a>Â Â ![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013122\/580x386serenity-portfolio-f-280x186-1.png.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013136\/leo_drinks_home-f-280x186-1.png.webp\")
<\/a>Â Â ![\"\"](\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013147\/screen-shot-2013-06-14-at-5.40.21-pm-f-280x177-1.png.webp\")
<\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"So, you’ve chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you’re new to creating websites or Bootstrap itself, we’ve made a simple guide to walk you through the steps. In this guide we will cover: What You Will Need So, What Is […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[566,47,307,412,461,544,565],"topics":[],"class_list":["post-8652","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-web","tag-business","tag-css","tag-twitter","tag-website","tag-bootstrap","tag-html"],"acf":[],"yoast_head":"\n
Getting Started with Your New Bootstrap Theme - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with Your New Bootstrap Theme\" \/>\n<meta property=\"og:description\" content=\"So, you've chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you're new to creating\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-30T18:06:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T08:35:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp\" \/>\n<meta name=\"author\" content=\"Sarah Alexander\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarah Alexander\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\",\"name\":\"Getting Started with Your New Bootstrap Theme - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\",\"datePublished\":\"2013-08-30T18:06:18+00:00\",\"dateModified\":\"2024-03-26T08:35:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/437767a4cb4b1b2af178d656aafa5cbc\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with Your New Bootstrap Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting Started with Your New Bootstrap Theme - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","og_locale":"en_US","og_type":"article","og_title":"Getting Started with Your New Bootstrap Theme","og_description":"So, you've chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you're new to creating","og_url":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-08-30T18:06:18+00:00","article_modified_time":"2024-03-26T08:35:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","type":"","width":"","height":""}],"author":"Sarah Alexander","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Sarah Alexander","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","url":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","name":"Getting Started with Your New Bootstrap Theme - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","datePublished":"2013-08-30T18:06:18+00:00","dateModified":"2024-03-26T08:35:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/437767a4cb4b1b2af178d656aafa5cbc"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting Started with Your New Bootstrap Theme"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=8652"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8652\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=8652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=8652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=8652"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=8652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/span>So, What Is Bootstrap Anyway?<\/span><\/h2>\nSimply put, Bootstrap<\/a> is a template. It’s an HTML5 & CSS3 framework that was developed by Twitter. Bootstrap is a toolkit to help you create awesome and responsive websites and web applications. It comes with HTML, CSS, and Javascript already built in, which you can customize to your heart’s content.<\/p>\nCreative Market<\/a><\/p>\n offers a variety of themes that will help make your project look amazing. Simply browse our collection of Bootstrap themes and find what works best for you.\n<\/p>\n
<\/span>How To Download and Install a Theme<\/span><\/h2>\n<\/span>Step 1 – Getting your files<\/strong><\/span><\/h3>\nYou can browse all of the awesome Bootstrap themes at Creative Market<\/strong><\/a>.<\/p>\n<\/p>\n
Once you have found one that you are in love with, Click Buy Now<\/strong>, then Download<\/strong> your new Bootstrap theme.<\/p>\n <\/p>\n
After your purchase has been downloaded, unzip<\/strong> the file. In most cases, you will find a documentation folder and a theme folder.<\/p>\n<\/p>\n
The documentation folder will consist of your assets, css, js files. The theme folder will contain the HTML page(s) you can edit to add your own content. In some cases, there will be multiple HTML pages of various styles to choose the style you wish to use.<\/p>\n
 <\/p>\n
<\/span>Step 2 – Customizing Your Theme<\/strong><\/span><\/h3>\nNow you’re ready to customize your pages. I would personally start by making sure you have a copy of all of the files before you begin customizing them. You can now open up the working copy of the files that you want to begin customizing in your code editor of choice. From this point on, you will need a basic knowledge of HTML and CSS if you want to make changes. If you are happy with the interactivity that has come with your theme, there is no reason to touch the Javascript (.js) files, so don’t worry if you don’t know it.<\/p>\n
For beginners, I will try to break down the difference between all three in the simplest terms possible.<\/p>\n
\n- HTML<\/em> is the content<\/strong> of your page.<\/li>\n
- CSS<\/em> is the style<\/strong> of your page (i.e. colors, columns, width, font size, etc).<\/li>\n
- Javascript<\/em> is the interactivity<\/strong> of your page (i.e. how the user interacts with the page. This could include things like hover effects or animations).<\/li>\n<\/ul>\n
For the most part, you will only need to be concerned with changing the content of the page. Check out our Other Resources<\/a> section to find some beginner’s guides to HTML and CSS.<\/p>\n<\/span>Step 3 – Your Website Is Ready To Go Live<\/strong><\/span><\/h3>\nWhat you will need to do once your website is ready to go live is beyond the scope of this tutorial. However, simply put, you will need a way to host your site.<\/p>\n
If you don’t already have a web host for your site, check out the Top 10 Web Hosting Companies<\/a><\/em> and choose one that suites your needs. Once you get set up, the hosting company of your choice will have additional instructions.<\/p>\n<\/span>Step 4 – Pat Yourself on the Back<\/strong><\/span><\/h3>\nCongratulations! You have made an awesome looking website and it was so easy, wasn’t it? You are officially a master of the web!<\/p>\n
<\/span>Other Resources<\/span><\/h2>\n\n- CSS Beginner Tutorial<\/a><\/li>\n
- A Beginner’s Guide to HTML and CSS<\/a><\/li>\n
- HTML W3 Schools Tutorial<\/a><\/li>\n
- CSS W3 Schools Tutorial<\/a><\/li>\n
- 30 Days to HTML and CSS<\/a><\/li>\n
- Javascript W3 Schools Tutorial<\/a><\/li>\n
- 35 Useful Source Code Editors Reviewed<\/a><\/li>\n<\/ul>\n
Note<\/strong>: You can always contact the seller of the theme if you have a more specific question with the theme itself.<\/em><\/p>\nStill need help? We are always here to help. Contact us<\/a>!<\/p>\n<\/span>Find Bootstrap Themes On Creative Market<\/span><\/h2>\n\nHopefully you have found this guide helpful. If you still haven’t found the theme that you’re looking for, check out Creative Market‘s section of Bootstrap themes<\/a> now.\n<\/p>\n<\/a>  <\/a><\/p>\n<\/a>  <\/a><\/p>\n<\/a>  <\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"So, you’ve chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you’re new to creating websites or Bootstrap itself, we’ve made a simple guide to walk you through the steps. In this guide we will cover: What You Will Need So, What Is […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[566,47,307,412,461,544,565],"topics":[],"class_list":["post-8652","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-web","tag-business","tag-css","tag-twitter","tag-website","tag-bootstrap","tag-html"],"acf":[],"yoast_head":"\n
Getting Started with Your New Bootstrap Theme - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with Your New Bootstrap Theme\" \/>\n<meta property=\"og:description\" content=\"So, you've chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you're new to creating\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-30T18:06:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T08:35:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp\" \/>\n<meta name=\"author\" content=\"Sarah Alexander\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarah Alexander\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\",\"name\":\"Getting Started with Your New Bootstrap Theme - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\",\"datePublished\":\"2013-08-30T18:06:18+00:00\",\"dateModified\":\"2024-03-26T08:35:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/437767a4cb4b1b2af178d656aafa5cbc\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/08\\\/26013048\\\/CMDashboard_Bootstrap-560x202-1.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/getting-started-with-your-new-bootstrap-theme#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with Your New Bootstrap Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting Started with Your New Bootstrap Theme - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","og_locale":"en_US","og_type":"article","og_title":"Getting Started with Your New Bootstrap Theme","og_description":"So, you've chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you're new to creating","og_url":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-08-30T18:06:18+00:00","article_modified_time":"2024-03-26T08:35:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","type":"","width":"","height":""}],"author":"Sarah Alexander","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Sarah Alexander","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","url":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme","name":"Getting Started with Your New Bootstrap Theme - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","datePublished":"2013-08-30T18:06:18+00:00","dateModified":"2024-03-26T08:35:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/437767a4cb4b1b2af178d656aafa5cbc"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/08\/26013048\/CMDashboard_Bootstrap-560x202-1.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/getting-started-with-your-new-bootstrap-theme#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting Started with Your New Bootstrap Theme"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=8652"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/8652\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=8652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=8652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=8652"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=8652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Creative Market<\/a><\/p>\n  offers a variety of themes that will help make your project look amazing. Simply browse our collection of Bootstrap themes and find what works best for you.\n<\/p>\n You can browse all of the awesome Bootstrap themes at Creative Market<\/strong><\/a>.<\/p>\n Once you have found one that you are in love with, Click Buy Now<\/strong>, then Download<\/strong> your new Bootstrap theme.<\/p>\n After your purchase has been downloaded, unzip<\/strong> the file. In most cases, you will find a documentation folder and a theme folder.<\/p>\n The documentation folder will consist of your assets, css, js files. The theme folder will contain the HTML page(s) you can edit to add your own content. In some cases, there will be multiple HTML pages of various styles to choose the style you wish to use.<\/p>\n Now you’re ready to customize your pages. I would personally start by making sure you have a copy of all of the files before you begin customizing them. You can now open up the working copy of the files that you want to begin customizing in your code editor of choice. From this point on, you will need a basic knowledge of HTML and CSS if you want to make changes. If you are happy with the interactivity that has come with your theme, there is no reason to touch the Javascript (.js) files, so don’t worry if you don’t know it.<\/p>\n For beginners, I will try to break down the difference between all three in the simplest terms possible.<\/p>\n For the most part, you will only need to be concerned with changing the content of the page. Check out our Other Resources<\/a> section to find some beginner’s guides to HTML and CSS.<\/p>\n What you will need to do once your website is ready to go live is beyond the scope of this tutorial. However, simply put, you will need a way to host your site.<\/p>\n If you don’t already have a web host for your site, check out the Top 10 Web Hosting Companies<\/a><\/em> and choose one that suites your needs. Once you get set up, the hosting company of your choice will have additional instructions.<\/p>\n Congratulations! You have made an awesome looking website and it was so easy, wasn’t it? You are officially a master of the web!<\/p>\n Note<\/strong>: You can always contact the seller of the theme if you have a more specific question with the theme itself.<\/em><\/p>\n Still need help? We are always here to help. Contact us<\/a>!<\/p>\n \nHopefully you have found this guide helpful. If you still haven’t found the theme that you’re looking for, check out Creative Market‘s section of Bootstrap themes<\/a> now.\n<\/p>\n So, you’ve chosen an exciting Bootstrap theme that you want to use to make your website look amazing and modern. Now what? If you’re new to creating websites or Bootstrap itself, we’ve made a simple guide to walk you through the steps. In this guide we will cover: What You Will Need So, What Is […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[566,47,307,412,461,544,565],"topics":[],"class_list":["post-8652","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-web","tag-business","tag-css","tag-twitter","tag-website","tag-bootstrap","tag-html"],"acf":[],"yoast_head":"\n<\/span>How To Download and Install a Theme<\/span><\/h2>\n
<\/span>Step 1 – Getting your files<\/strong><\/span><\/h3>\n
<\/p>\n <\/p>\n<\/p>\n <\/p>\n<\/span>Step 2 – Customizing Your Theme<\/strong><\/span><\/h3>\n
\n
<\/span>Step 3 – Your Website Is Ready To Go Live<\/strong><\/span><\/h3>\n
<\/span>Step 4 – Pat Yourself on the Back<\/strong><\/span><\/h3>\n
<\/span>Other Resources<\/span><\/h2>\n
\n
<\/span>Find Bootstrap Themes On Creative Market<\/span><\/h2>\n
<\/a>Â Â <\/a><\/p>\n<\/a>Â Â <\/a><\/p>\n<\/a>Â Â <\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"