# Problem with Bootstrap Carousel

**URL:** <https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172>\
**Category:** Beginners\
**Created:** [July 21, 2019, 9:45am UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172 "2019-07-21T09:45:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MassimoZanoletti](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@MassimoZanoletti](https://forum.pinegrow.com/u/MassimoZanoletti)\
**Post date:** [July 21, 2019, 9:45am UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172/1 "2019-07-21T09:45:37Z")

</div>

Hi to all  
I’m new with Pinegrow.  
I’m trying to use the Bootstrap Carousel component, but it behaves strange.  
When it slides, the movement enlarges horizontally.  
I want the transition stays inside the provided area.

You can see what happens with the attache sample

[https://1drv.ms/u/s!AiwBhBMvrBTuu2Nrxnq\_w2So2x5k](https://1drv.ms/u/s!AiwBhBMvrBTuu2Nrxnq_w2So2x5k)

Thanks in advance  
Massimo

---

<div class="post-metadata">

**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:** [July 22, 2019, 12:42pm UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172/2 "2019-07-22T12:42:19Z")

</div>

Hi Massimo,  
Can you please put that web page on line on a server so I can have a look at the problem!?  
Regards,  
David

---

<div class="post-metadata">

**Author:** ![MassimoZanoletti](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@MassimoZanoletti](https://forum.pinegrow.com/u/MassimoZanoletti)\
**Post date:** [July 22, 2019, 1:01pm UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172/3 "2019-07-22T13:01:42Z")

</div>

Hi David

Thanks for reply

Here the link to the online page

[http://www.basketsarezzo.com/pinegrow/Master.html](http://www.basketsarezzo.com/pinegrow/Master.html)

Regards

Massimo

---

<div class="post-metadata">

**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:** [July 22, 2019, 1:43pm UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172/4 "2019-07-22T13:43:26Z")

</div>

Hi Massimo,

Checked your page and noticed that you use the wrong Bootstrap 4 page structure. I don’t have much time to help you, but I show you 2 examples with the carousel and the way it needs to be implemented.  
[Full width carousel](https://yourweblab.nl/pine-test/index.php)  
[Small carousel similar to your idea scroll down to see](https://yourweblab.nl/pine-test/friture.php)  
Please right click on the web pages and look in to the source of the pages to see how it’s done.

Bootstrap structure is:  
Container \> Row \> Col (for example col-md-12) then your item.

I do advice you to first study Bootstrap 4 HTML structure to understand how it is done, you can’t not just drop components on a page. Pinegrow can spit out several Bootstrap 4 pages to study or use for your design and of course the Bootstrap 4 website is a good source of info.

[Bootstrap 4 info](https://getbootstrap.com/docs/4.3/layout/grid/)

Regards,

David

---

<div class="post-metadata">

**Author:** ![MassimoZanoletti](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@MassimoZanoletti](https://forum.pinegrow.com/u/MassimoZanoletti)\
**Post date:** [July 22, 2019, 2:23pm UTC](https://forum.pinegrow.com/t/problem-with-bootstrap-carousel/3172/5 "2019-07-22T14:23:46Z")

</div>

David, thanks so much for your time.

Best regards

Massimo