# Bootstrap 4 for Bootstrap Blocks? **URL:** \ **Category:** Beginners\ **Created:** [May 29, 2019, 12:44pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036 "2019-05-29T12:44:35Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![ash786](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ash786/32/1565_2.png) [@ash786](https://forum.pinegrow.com/u/ash786)\ **Post date:** [May 29, 2019, 12:44pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/1 "2019-05-29T12:44:35Z")
Hi, When I create a new page using Pinegrow 5.41 Bootstrap Blocks, I get notified that it has detected Bootstrap 3. In manage pages, it shows Bootstrap 3 is activated. Now, Is there a reason that Bootstrap 3 is the default for Bootstrap Blocks? Is it ok to enable Bootstrap 4 and disable Bootstrap 3? Or is there a Bootstrap 4 update for Bootstrap Blocks in the pipeline? Thanks Ash. ---
**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [May 29, 2019, 1:18pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/2 "2019-05-29T13:18:15Z")
Hi Ash, What I would do is: - Create new page or project - Choose Bootstrap 4 - Click on index.html (a blank Bootstrap 4 template with only necessary code) - Open the Blocks panel “library Icon”(Arrow going right down) at the left top side and insert blocks in that page. Want a new page? Use save as (name new page) or create a “contact.html” (for example) and insert your blocks the same way. Regards, David ---
**Author:** ![ash786](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ash786/32/1565_2.png) [@ash786](https://forum.pinegrow.com/u/ash786)\ **Post date:** [May 29, 2019, 1:31pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/3 "2019-05-29T13:31:25Z")
Thanks for the reply. The problem with this approach it that it does not allow me to drop the “premade blocks” that are part of “Bootstrap Blocks”, and that was my point, of not having Bootstrap 4 as part of Bootstrap Blocks. ---
**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [May 29, 2019, 2:42pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/4 "2019-05-29T14:42:20Z")
I understand fully what you are saying and I just opened a Bootstrap 4 project saved it and clicked on the “library Icon”(Arrow going right down) in the left top corner, the Blocks you refer to open nicely and I can insert the blocks in the page. They are the Bootstap 4 Blocks that come with the application. You can not just start with the blocks first you need at least a page or project that is saved. In this case Bootstrap 4 like in my instructions. ---
**Author:** ![ash786](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ash786/32/1565_2.png) [@ash786](https://forum.pinegrow.com/u/ash786)\ **Post date:** [May 29, 2019, 6:17pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/5 "2019-05-29T18:17:28Z")
That doesn’t work for me. The Bootstrap 4 Blocks are not listed. If I go into the page resources and enable Bootstrap 4 Blocks, then the Blocks are listed, but quite a few have odd formatting when dropped into the file. ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [May 29, 2019, 9:15pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/6 "2019-05-29T21:15:24Z")
There are no Bootstrap 4 Blocks built into Pinegrow. The Bootstrap Blocks components were created in an earlier version of Pinegrow before Bootstrap 4 was released. When Bootstrap 4 was released, the developers added it to Pinegrow, but they did not make a corresponding set of blocks that will work with Bootstrap 4. You cannot use Bootstrap 3 blocks in a Bootstrap 4 website due to major changes between the two versions of Bootstrap. There are some third-party companies that make Pinegrow blocks that work with Bootstrap 4… > **[Plugins For Pinegrow | Free & Premium Pinegrow Plugins & Templates](https://pluginsforpinegrow.com/)** > > Free & Premium Pinegrow Plugins. Download Our Pinegrow Templates, Plugins, Block Kits and Add on's or view our Pinegrow tutorials. All our Pinegrow plugins are easy to install and use and work with the latest version of Pinegrow web Editor. [http://mindglow.eu/](http://mindglow.eu/) There might be others if you search Google. Of course, you can always use any Bootstrap 4 template or UI kits that are out there (there are thousands.) ---
**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [May 30, 2019, 7:18am UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/7 "2019-05-30T07:18:06Z")
After starting a Bootstrap 4 project I see (at the left) a list and components showing complete blocks like navigation, list groups and components like Jumbotron all Bootstrap 4. I was not aware that there are Bootstrap 3 blocks? ---
**Author:** ![ash786](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ash786/32/1565_2.png) [@ash786](https://forum.pinegrow.com/u/ash786)\ **Post date:** [May 30, 2019, 11:16am UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/8 "2019-05-30T11:16:40Z")
Thanks for the reply. That was what I thought might have happened, but as a new Bootstrap and Pinegrow user, thought I’d check. Ash. ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [May 30, 2019, 6:01pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/9 "2019-05-30T18:01:21Z")
Those are not blocks, they’re standard Bootstrap components. Blocks are various combined components with their own CSS styling that can be dragged and dropped into a project. Try opening a Bootstrap Blocks Version project and you will see what I mean. ---
**Author:** ![judyn](https://avatars.discourse-cdn.com/v4/letter/j/8491ac/32.png) [@judyn](https://forum.pinegrow.com/u/judyn)\ **Post date:** [September 11, 2020, 5:59pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/10 "2020-09-11T17:59:12Z")
I’m a newbie and I sure expected there to be templates (blocks) for things like photo galleries. I also found the page for “pinegrow blocks” but not in bootstrap 4… You can see what used to be available for us to use. I’m having a nightmare trying to make a photo gallery that responds like I want it to with varying sizes… ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [September 11, 2020, 6:16pm UTC](https://forum.pinegrow.com/t/bootstrap-4-for-bootstrap-blocks/3036/11 "2020-09-11T18:16:18Z")
Pinegrow allows for a lot of flexibility in opening code snippets and incorporating them into your own pages. For example, you can open this [page](https://mdbootstrap.com/plugins/jquery/gallery/) in your Library panel - drag-and-drop the code to your Page View. Copy the CSS to your stylesheet. Finally copy the JS to your page or a separate file and have a filterable gallery. This is possible from a ton of pages on the web. You aren’t limited to built-in blocks. Take a look at this [tutorial](https://pinegrow.com/tutorials/froala-blocks/) starting at step 5.