# Create Custom Bootstrap 4 Templates

**URL:** https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657
**Category:** Tips & Tricks
**Tags:** tutorial, feature-request
**Created:** [February 25, 2018, 11:46pm UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657 "2018-02-25T23:46:56Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Pixelinity](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pixelinity/32/1041_2.png) [@Pixelinity](https://forum.pinegrow.com/u/Pixelinity)
#### Post date: [February 25, 2018, 11:46pm UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657/1 "2018-02-25T23:46:56Z")

</div>

Have you ever wanted your own templates in “Create new page or project”?  
read this to find out how  
[https://pinegrow-webeditor.slack.com/archives/C075YQB5F/p1519594904000067](https://pinegrow-webeditor.slack.com/archives/C075YQB5F/p1519594904000067)

---

<div class="post-metadata">

### Author: ![Pixelinity](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pixelinity/32/1041_2.png) [@Pixelinity](https://forum.pinegrow.com/u/Pixelinity)
#### Post date: [February 26, 2018, 12:01am UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657/2 "2018-02-26T00:01:14Z")

</div>

_or follow instructions_

1. navigate to (_**C:\Program Files (x86)\Pinegrow4\frameworks\bootstrap4\template**_) and drop your html page in there. \*remember to rename it as you want it to display as.
2. if you want an image to display as well navigate to (_**C:\Program Files (x86)\Pinegrow4\frameworks\bootstrap4\template\screenshots**_) and drop your image in there, it must be 800x600 .jpg file with the same name as your html file.
3. this is for bootstrap 4 templates only, to create other templates in other sections go to (**C:\Program Files (x86)\Pinegrow4\frameworks**) and dig around, I imagine the process would be the same.
4. on a mac it looks like its in  
**/Applications/Pinegrow.app/Contents/Resources/app.nw/frameworks/bootstrap4/template**
5. any **.css** and **.js** goes in same folder and must also be renamed to same name as html file.
6. images would have to be remote with the url included in html **eg** :img src=“[http://www.yoursite.com/images.yourpic.jpg](http://www.yoursite.com/images.yourpic.jpg)”

---

<div class="post-metadata">

### Author: ![Pixelinity](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pixelinity/32/1041_2.png) [@Pixelinity](https://forum.pinegrow.com/u/Pixelinity)
#### Post date: [February 26, 2018, 12:10am UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657/4 "2018-02-26T00:10:31Z")

</div>

![2018-02-25_23-08-45](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8b02d78db57c04ad4fe8624664d9a3a39d1de111.png)  
posted by **schpengle** in #Slack

---

<div class="post-metadata">

### Author: ![Pixelinity](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pixelinity/32/1041_2.png) [@Pixelinity](https://forum.pinegrow.com/u/Pixelinity)
#### Post date: [February 26, 2018, 12:20am UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657/5 "2018-02-26T00:20:26Z")

</div>

This is an external BS4 resources html I created…

 ![html](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/a558904652318101f5dabb72b6f5855d5882d44d.jpg)

---

<div class="post-metadata">

### Author: ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [February 26, 2018, 11:48am UTC](https://forum.pinegrow.com/t/create-custom-bootstrap-4-templates/1657/6 "2018-02-26T11:48:43Z")

</div>

And that there is a Template, which is for the Boostrap 4 resources template page code that @Pixelinity provided. so following this tutorial, you could easily set up a custom template for any project you would like. This might well be a good feature request.

It might be worth linking it to the #feature-request channel here, in order to have a simple way to add external template files to pinegrow.

maybe the same way as creating your own blocks etc, where you can save the templates externally, in a library or suchlike so it is not overwritten with a PineGrow update, and we dont have to ferret around in the App Package,

OR… the facility already exists, and we have missed the point! 🙂  
Does this already have an easier way to accomplish @Emmanuel, or is a worthy Item for a feature request?
