Sign in

How to use bootstrap carousel?

  • This topic has 2 replies, 2 voices, and was last updated 1 year, 11 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #6688
    Avatar photospicy.time

    Hi guys, I need help on how to get bootstrap working in publii.

    I tried this method:
    <span style=”color: #ff0000;”>Tools > Custom HTML > Head</span>
    Inserted this code:
    <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css&#8221; integrity=”sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3″ crossorigin=”anonymous”>
    <script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js&#8221; integrity=”sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p” crossorigin=”anonymous”></script>
    <script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js&#8221; integrity=”sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13″ crossorigin=”anonymous”></script>

    <span style=”color: #ff0000;”>and I added this HTML in the frontpage (home):</span>

    <!-- Carousel -->
    

    What I want to do is to use bootstrap and add a carousel in the homepage.

    I hope you guys can help me out.

    #6690
    Avatar photoBob

    Maybe this tutorial will be helpful for you: https://github.com/SimonPadbury/Publii-Bootstrap-Starter/tree/master/TUTORIALS

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #6723
    Avatar photospicy.time

    Thank you! I was able to link the CDN bootstrap links (4.6), the newest version 5 don’t work.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.