# Bootstrap **URL:** https://forum.pinegrow.com/c/frameworks/bootstrap/13.md [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) --- ## [Text wrapping issue after migrating from Bootstrap 4.3 to 5.3](https://forum.pinegrow.com/t/text-wrapping-issue-after-migrating-from-bootstrap-4-3-to-5-3/9077)
**Author:** [@Fred](https://forum.pinegrow.com/u/Fred)\ **Replies:** 1\ **Last updated:** [August 18, 2024, 12:59am UTC](https://forum.pinegrow.com/t/text-wrapping-issue-after-migrating-from-bootstrap-4-3-to-5-3/9077 "2024-08-18T00:59:29Z")
I know that I asked a similar question once before in the beginners forum, but I’ve run into the same problem again, and can’t figure out how I solved it last time and it’s driving me crazy! I made the mistake of upgradi… --- ## [Bootstrap menu light or dark based on the content lightness below](https://forum.pinegrow.com/t/bootstrap-menu-light-or-dark-based-on-the-content-lightness-below/8191)
**Author:** [@kissgyula](https://forum.pinegrow.com/u/kissgyula)\ **Replies:** 1\ **Last updated:** [June 30, 2023, 6:58pm UTC](https://forum.pinegrow.com/t/bootstrap-menu-light-or-dark-based-on-the-content-lightness-below/8191 "2023-06-30T18:58:27Z")
I have a fixed-top bootstrap menu with a transparent background. How is it possible to change the color of the menu based on the brightness of the content below the menu? Is this possible with the help of Pinegrow? I’m i… --- ## [Text too small to read - Google Search Console Vitals - Bootstrap](https://forum.pinegrow.com/t/text-too-small-to-read-google-search-console-vitals-bootstrap/7106)
**Author:** [@pgrowbig](https://forum.pinegrow.com/u/pgrowbig)\ **Replies:** 0\ **Last updated:** [October 17, 2022, 2:44pm UTC](https://forum.pinegrow.com/t/text-too-small-to-read-google-search-console-vitals-bootstrap/7106 "2022-10-17T14:44:08Z")
Google Search Console Vitals on the Mobile Usability section says my index.html has “Text too small to read”. I thought it was a redirect that caused it before, which I removed. Now there is no redirect. All of the text… --- ## [Drag and drop components not working anymore](https://forum.pinegrow.com/t/drag-and-drop-components-not-working-anymore/6678)
**Author:** [@grimur](https://forum.pinegrow.com/u/grimur)\ **Replies:** 10\ **Last updated:** [July 12, 2022, 9:39pm UTC](https://forum.pinegrow.com/t/drag-and-drop-components-not-working-anymore/6678 "2022-07-12T21:39:11Z")
Is it just me or is drag and drop component not working anymore? Is there maybe something that I have disabled so therefore it doesn’t work anymore? I have also tried Pinegrow Live and it is the same. I’m using Bootst… --- ## [Migrating from Bootstrap 4 to Bootstrap 5](https://forum.pinegrow.com/t/migrating-from-bootstrap-4-to-bootstrap-5/5098)
**Author:** [@abirana](https://forum.pinegrow.com/u/abirana)\ **Replies:** 10\ **Last updated:** [September 11, 2021, 12:10am UTC](https://forum.pinegrow.com/t/migrating-from-bootstrap-4-to-bootstrap-5/5098 "2021-09-11T00:10:14Z")
Hi guys, I’ve been working on Pinegrow’s Bootstrap blocks and templates, currently to migrate from Bootstrap 4 to Bootstrap 5. And through the process, I guess I went through almost all of the classes and changes. Theref… --- ## [Nice that Tailwind has support for a external build process but what about Bootstrap?](https://forum.pinegrow.com/t/nice-that-tailwind-has-support-for-a-external-build-process-but-what-about-bootstrap/6154)
**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Replies:** 6\ **Last updated:** [January 14, 2022, 1:13pm UTC](https://forum.pinegrow.com/t/nice-that-tailwind-has-support-for-a-external-build-process-but-what-about-bootstrap/6154 "2022-01-14T13:13:33Z")
Hi, Of course it’s nice for the Tailwind users to have support for a external build process, but I would be nice if Bootstrap could be extended with such a system too! Based on Node JS and Gulp etc. even including being… --- ## [Popovers - Dismiss on next click](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597)
**Author:** [@wingers](https://forum.pinegrow.com/u/wingers)\ **Replies:** 4\ **Last updated:** [August 29, 2021, 3:50pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597 "2021-08-29T15:50:14Z")
Hi, How do I get a popover to dismiss on next click anywhere on page? It is mentioned in BootStrap docs (Popovers · Bootstrap v5.1) but can’t see it as an option in Pinegrow --- ## [Site in Pinegrow is not connecting to Bootstrap css](https://forum.pinegrow.com/t/site-in-pinegrow-is-not-connecting-to-bootstrap-css/5616)
**Author:** [@jperocks](https://forum.pinegrow.com/u/jperocks)\ **Replies:** 5\ **Last updated:** [September 11, 2021, 8:15pm UTC](https://forum.pinegrow.com/t/site-in-pinegrow-is-not-connecting-to-bootstrap-css/5616 "2021-09-11T20:15:44Z")
When I run my site via terminal the css is working but when I load the project in Pinegrow, no css is applied and I only see plain text. I’ve looked through tutorials but can’t find anything that addresses this issue. A… --- ## [Bootstrap 5.1.0](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600)
**Author:** [@wiverson](https://forum.pinegrow.com/u/wiverson)\ **Replies:** 27\ **Last updated:** [September 1, 2021, 11:02pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600 "2021-09-01T23:02:14Z")
Currently on Pinegrow 6.1 (paid). It appears that it uses Bootstrap 5.0. Would like to use Bootstrap 5.1, but customized w/local install. Is that possible? Recommended steps? --- ## [ETA on next update](https://forum.pinegrow.com/t/eta-on-next-update/5259)
**Author:** [@grimur](https://forum.pinegrow.com/u/grimur)\ **Replies:** 5\ **Last updated:** [June 10, 2021, 6:03am UTC](https://forum.pinegrow.com/t/eta-on-next-update/5259 "2021-06-10T06:03:15Z")
Hi, Just wondering when we can expect a new update on Bootstrap 5 framework? It would also be interesting to know what you guys are working on :slight\_smile: --- ## [BootStrap 4 multilingual site menu](https://forum.pinegrow.com/t/bootstrap-4-multilingual-site-menu/1720)
**Author:** [@sandrobilbeisi](https://forum.pinegrow.com/u/sandrobilbeisi)\ **Replies:** 2\ **Last updated:** [October 15, 2020, 3:11pm UTC](https://forum.pinegrow.com/t/bootstrap-4-multilingual-site-menu/1720 "2020-10-15T15:11:34Z")
BootStrap 4 multilingual site menu is a simple example of how to do a multilingual selector menu in BootStrap 4 . \[30\] because of the way BootStrap works, it requires JavaScript on and JQuery loaded useful for i18n (i… --- ## [Bootstrap 4 multiple modals not working (SOLVED)](https://forum.pinegrow.com/t/bootstrap-4-multiple-modals-not-working-solved/4226)
**Author:** [@wepi08251](https://forum.pinegrow.com/u/wepi08251)\ **Replies:** 3\ **Last updated:** [June 11, 2020, 7:21am UTC](https://forum.pinegrow.com/t/bootstrap-4-multiple-modals-not-working-solved/4226 "2020-06-11T07:21:53Z")
I am having multiple cards on a page (Bootstrap 4, Pinegrow 5.96 PRO with interactions) and each card has a button to trigger a specific modal. This works just with one modal, from the second on the modal function broke … --- ## [How to use the Bootstrap 4.4 Popover Container function](https://forum.pinegrow.com/t/how-to-use-the-bootstrap-4-4-popover-container-function/3694)
**Author:** [@Klaus](https://forum.pinegrow.com/u/Klaus)\ **Replies:** 4\ **Last updated:** [January 21, 2020, 12:34pm UTC](https://forum.pinegrow.com/t/how-to-use-the-bootstrap-4-4-popover-container-function/3694 "2020-01-21T12:34:24Z")
Bootstrap 4.4 Popover function: There is nothing explained in the instruction manual how I can use the Container option. This is what I’m trying: \ **Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 6\ **Last updated:** [August 16, 2019, 12:40am UTC](https://forum.pinegrow.com/t/is-there-a-way-to-place-a-carousel-inside-of-another-image/3237 "2019-08-16T00:40:54Z") Just to be ‘cute’, I’m trying to place a carousel inside an image of my iMac. How would I accomplish this so the combo is responsive in unison, without the carousel re-sizing out of the imac background image? See my atta… --- ## [Не верно работает выпадающее меню](https://forum.pinegrow.com/t/topic/3246)
**Author:** [@MaksFromRussia](https://forum.pinegrow.com/u/MaksFromRussia)\ **Replies:** 0\ **Last updated:** [August 15, 2019, 1:48pm UTC](https://forum.pinegrow.com/t/topic/3246 "2019-08-15T13:48:18Z")
Написал короткий код из данного видео-урока (https://www.youtube.com/watch?v=H2xHzCWJRHg), но код работает неверно. Из проблем хочу выделить то, что navbar-expand-lg не работает, все пункты меню светятся синим, подскажит… --- ## [Convert Webflow to Bootstrap in Pinegrow?](https://forum.pinegrow.com/t/convert-webflow-to-bootstrap-in-pinegrow/3090)
**Author:** [@bgarrant](https://forum.pinegrow.com/u/bgarrant)\ **Replies:** 23\ **Last updated:** [June 15, 2019, 3:11am UTC](https://forum.pinegrow.com/t/convert-webflow-to-bootstrap-in-pinegrow/3090 "2019-06-15T03:11:31Z")
Has anyone converted a Webflow site to Bootstrap 4? I have about 6 sites I would really like to get over to Bootstrap. We need a Pinegrow tutorial for this as it should not be that hard as the classes are close in nami… --- ## [Editing Bootstrap Duplicate page issue](https://forum.pinegrow.com/t/editing-bootstrap-duplicate-page-issue/3019)
**Author:** [@atilla](https://forum.pinegrow.com/u/atilla)\ **Replies:** 0\ **Last updated:** [May 21, 2019, 9:59am UTC](https://forum.pinegrow.com/t/editing-bootstrap-duplicate-page-issue/3019 "2019-05-21T09:59:01Z")
Noticed a somewhat irritating issue when working on a Bootstrap project. If I copy an existing page and rename it and then edit this new page I notice the little star next to pages in the file menu to indicate there has … --- ## [Popper.js.map and bootstrap.min.js.map wont load](https://forum.pinegrow.com/t/popper-js-map-and-bootstrap-min-js-map-wont-load/2947)
**Author:** [@lja](https://forum.pinegrow.com/u/lja)\ **Replies:** 0\ **Last updated:** [April 24, 2019, 8:48am UTC](https://forum.pinegrow.com/t/popper-js-map-and-bootstrap-min-js-map-wont-load/2947 "2019-04-24T08:48:14Z")
Hello! A new blank bootstrap 4 project with only blank index file shows two error in Browser console: 404 - Not found - File /bootstrap/js/bootstrap.min.js.map can not be read by Pinegrow: Error: ENOENT: no such file or … --- ## [Bootstrap 4 Customiser. How do Pinegrow and Bootstrap 3 customiser compare - and where is BS V4 one?](https://forum.pinegrow.com/t/bootstrap-4-customiser-how-do-pinegrow-and-bootstrap-3-customiser-compare-and-where-is-bs-v4-one/2738)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 3\ **Last updated:** [February 18, 2019, 4:17am UTC](https://forum.pinegrow.com/t/bootstrap-4-customiser-how-do-pinegrow-and-bootstrap-3-customiser-compare-and-where-is-bs-v4-one/2738 "2019-02-18T04:17:40Z")
Hello there. I was just posting on a query by @randyrie and that made me look some stuff up. So! we have this fine video from Pinegrow , showing how to Customise Pinegrow theme using Pinegrow’s built in functionality h… --- ## [Manually updating to latest bootstrap](https://forum.pinegrow.com/t/manually-updating-to-latest-bootstrap/2724)
**Author:** [@notousseri](https://forum.pinegrow.com/u/notousseri)\ **Replies:** 2\ **Last updated:** [February 14, 2019, 4:49am UTC](https://forum.pinegrow.com/t/manually-updating-to-latest-bootstrap/2724 "2019-02-14T04:49:06Z")
Is it possible to update to the latest version of bootstrap and still use Pinegrow’s bs features? Let’s say the latest Pinegrow supports twbs 4.2 while version 4.3.1 has been released, a project is using customized scss … --- ## [Background video in a section](https://forum.pinegrow.com/t/background-video-in-a-section/527)
**Author:** [@devloprs](https://forum.pinegrow.com/u/devloprs)\ **Replies:** 2\ **Last updated:** [December 24, 2016, 11:30pm UTC](https://forum.pinegrow.com/t/background-video-in-a-section/527 "2016-12-24T23:30:27Z")
Does anyone know how to embed a video in the background of an element, say jumbotron? I can get it to work on webflow but not in pinegrow. I have made it work in bootsnip and other editors I just can't seem to figure it … --- ## [Logos / images in navbar (.navbar-brand) best practices?](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491)
**Author:** [@andrew](https://forum.pinegrow.com/u/andrew)\ **Replies:** 6\ **Last updated:** [December 7, 2018, 12:09pm UTC](https://forum.pinegrow.com/t/logos-images-in-navbar-navbar-brand-best-practices/2491 "2018-12-07T12:09:16Z")
Hi again all, Ok, onto my next puzzle. Simply, I’m trying to get a logo into the navbar. Better, I’d like to be able to have it resize dynamically with breakpoints, but I have to start somewhere… I’ve seen a few examp… --- ## [Full-screen image/carousel?](https://forum.pinegrow.com/t/full-screen-image-carousel/2451)
**Author:** [@andrew](https://forum.pinegrow.com/u/andrew)\ **Replies:** 63\ **Last updated:** [December 5, 2018, 12:30am UTC](https://forum.pinegrow.com/t/full-screen-image-carousel/2451 "2018-12-05T00:30:44Z")
Trying to figure out how to make either a static image or a carousel full-screen to always completely fill the browser window. Any tips? I’ve tried using 100% and !important but it’s not working. thanks! --- ## [Equal length Columns](https://forum.pinegrow.com/t/equal-length-columns/2469)
**Author:** [@Simmo](https://forum.pinegrow.com/u/Simmo)\ **Replies:** 5\ **Last updated:** [November 30, 2018, 4:30pm UTC](https://forum.pinegrow.com/t/equal-length-columns/2469 "2018-11-30T16:30:54Z")
Hi All, I have a row with 4 columns - each with image and h3 and text - I want the columns to be of equal length regardless of content - can some one help on this please --- ## [Installing react-bootstrap into Pinegrow](https://forum.pinegrow.com/t/installing-react-bootstrap-into-pinegrow/2444)
**Author:** [@TimM](https://forum.pinegrow.com/u/TimM)\ **Replies:** 1\ **Last updated:** [November 27, 2018, 7:16am UTC](https://forum.pinegrow.com/t/installing-react-bootstrap-into-pinegrow/2444 "2018-11-27T07:16:10Z")
Hi Hope everyone’s holiday was good. My question is about integrating react-bootstrap with Pinegrow. How would this be done? I want to see it as an option along with Bootstrap 3, 4, etc. Thanks --- ## [Bootstrap 4.1 released](https://forum.pinegrow.com/t/bootstrap-4-1-released/2293)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 1\ **Last updated:** [October 11, 2018, 5:17am UTC](https://forum.pinegrow.com/t/bootstrap-4-1-released/2293 "2018-10-11T05:17:59Z")
I see Bootstrap 4.1 has been released (includes some features I’d like to have). Can I add this to my copy of PGPro v.4.911 and if so, how do I go about doing this? Since I’m a nubee with PG, would it be best if I wait f… --- ## [Bootstrap 4 and Tabs](https://forum.pinegrow.com/t/bootstrap-4-and-tabs/2196)
**Author:** [@rane\_mstsage](https://forum.pinegrow.com/u/rane_mstsage)\ **Replies:** 3\ **Last updated:** [September 14, 2018, 5:49am UTC](https://forum.pinegrow.com/t/bootstrap-4-and-tabs/2196 "2018-09-14T05:49:20Z")
General question as I know this worked in Bootstrap 3, and seems to be broken or not implemented in Bootstrap 4. So the question is trhere a work around to have one set of nav controlling multiple tab panels. As I am wan… --- ## [Link to internal or external bootstrap css and js](https://forum.pinegrow.com/t/link-to-internal-or-external-bootstrap-css-and-js/2193)
**Author:** [@bhsiao](https://forum.pinegrow.com/u/bhsiao)\ **Replies:** 0\ **Last updated:** [September 11, 2018, 6:02pm UTC](https://forum.pinegrow.com/t/link-to-internal-or-external-bootstrap-css-and-js/2193 "2018-09-11T18:02:27Z")
I am trying to speed up my site. Linking to the external files to bootstrap doesn’t allow me to cache the files with Cloudflare, or to combine js files, like google analytics keeps recommending. Any advice? --- ## [How do we apply img-thumbnail to images?](https://forum.pinegrow.com/t/how-do-we-apply-img-thumbnail-to-images/2171)
**Author:** [@clarkedesign](https://forum.pinegrow.com/u/clarkedesign)\ **Replies:** 3\ **Last updated:** [September 5, 2018, 11:31pm UTC](https://forum.pinegrow.com/t/how-do-we-apply-img-thumbnail-to-images/2171 "2018-09-05T23:31:43Z")
Hi, I cannot find an option to apply the .img-thumbnail style to an image. I can manually add this as a css style, but I would have though that there should be an easy option for this --- ## [Material Design for Bootstrap. Can I use its components](https://forum.pinegrow.com/t/material-design-for-bootstrap-can-i-use-its-components/2014)
**Author:** [@franio](https://forum.pinegrow.com/u/franio)\ **Replies:** 3\ **Last updated:** [August 8, 2018, 4:38pm UTC](https://forum.pinegrow.com/t/material-design-for-bootstrap-can-i-use-its-components/2014 "2018-08-08T16:38:55Z")
Hi. I would like to know the following. It’s key to my decision on buying Pinegrow. Right now I’m using Material Design for Bootstrap. Incredible Kit, but lacking a drag and drop builder. And that’s when pinegrow came to… [Next page](https://forum.pinegrow.com/c/frameworks/bootstrap/13.md?page=1)